refactor(ResponseToRevisionRequest): Refactor

packages/component-faraday-ui/src/contextualBoxes/ResponseToRevisionRequest.js

@@ -2,8 +2,18 @@ import React from 'react'
 
 import { ContextualBox, AuthorReply } from '../'
 
-const ResponseToRevisionRequest = ({ fragment, authorReply }) => (
-  <ContextualBox label="Response to Revision Request" mb={2}>
+const ResponseToRevisionRequest = ({
+  fragment,
+  authorReply,
+  toggle,
+  expanded,
+}) => (
+  <ContextualBox
+    expanded={expanded}
+    label="Response to Revision Request"
+    mb={2}
+    toggle={toggle}
+  >
     <AuthorReply fragment={fragment} reply={authorReply} />
   </ContextualBox>
 )

packages/component-manuscript/src/components/ManuscriptLayout.js

@@ -63,6 +63,7 @@ const ManuscriptLayout = ({
   reviewerRecommendations,
   toggleReviewerDetails,
   reviewerDetailsExpanded,
+  toggleResponseToRevisionRequest,
   editorialCommentsExpanded,
   toggleEditorialComments,
   submitRevision,
@@ -134,6 +135,7 @@ const ManuscriptLayout = ({
             authorReply={authorResponseToRevisonRequest.content}
             expanded={responseToRevisionRequest}
             fragment={fragment}
+            toggle={toggleResponseToRevisionRequest}
           />
         )}
 

packages/component-manuscript/src/components/ManuscriptPage.js

@@ -368,10 +368,6 @@ export default compose(
         this.props.toggleReviewerDetails()
       }
 
-      if (fragment.responseToReviewers.content) {
-        this.props.toggleResponseToRevisionRequest()
-      }
-
       if ((isEIC || isHEToManuscript) && !!editorialRecommendations.length) {
         this.props.toggleEditorialComments()
       }
@@ -379,6 +375,10 @@ export default compose(
       if (canSubmitRevision) {
         this.props.toggleEditorialComments()
       }
+
+      if (get(fragment, 'responseToReviewers.content', false)) {
+        this.props.toggleResponseToRevisionRequest()
+      }
     },
     componentDidUpdate(prevProps) {
       const {