feat(responseToRevisionRequest): expand Response to Revision Request contextual box and colapse the

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,
+  expanded,
+  toggle,
+}) => (
+  <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

@@ -56,6 +56,8 @@ const ManuscriptLayout = ({
   toggleReviewerRecommendations,
   reviewerRecommendationExpanded,
   authorResponseToRevisonRequest,
+  toggleResponeToRevisionRequest,
+  responseToRevisionRequestExpanded,
   shouldReview,
   submittedOwnRecommendation,
   reviewerReports,
@@ -68,6 +70,7 @@ const ManuscriptLayout = ({
   inviteReviewer,
   recommendationHandler,
   inviteHandlingEditor,
+
   versions,
 }) => (
   <Root pb={30}>
@@ -131,7 +134,9 @@ const ManuscriptLayout = ({
         {authorResponseToRevisonRequest.content && (
           <ResponseToRevisionRequest
             authorReply={authorResponseToRevisonRequest.content}
+            expanded={responseToRevisionRequestExpanded}
             fragment={fragment}
+            toggle={toggleResponeToRevisionRequest}
           />
         )}
 

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

@@ -286,6 +286,10 @@ export default compose(
     toggleEditorialComments: toggle,
     editorialCommentsExpanded: expanded,
   })),
+  fromRenderProps(RemoteOpener, ({ toggle, expanded }) => ({
+    toggleResponeToRevisionRequest: toggle,
+    responseToRevisionRequestExpanded: expanded,
+  })),
   withProps(({ currentUser, collection, submittedOwnRecommendation }) => ({
     getSignedUrl,
     shouldReview:
@@ -311,6 +315,7 @@ export default compose(
         hasManuscriptFailure,
         fetchUpdatedCollection,
         editorialRecommendations,
+        authorResponseToRevisonRequest,
         currentUser: {
           isEIC,
           isInvitedHE,
@@ -351,7 +356,7 @@ export default compose(
         this.props.toggleReviewerResponse()
       }
 
-      if (shouldReview) {
+      if (shouldReview && !authorResponseToRevisonRequest.content) {
         this.props.toggleReviewerRecommendations()
       }
 
@@ -370,6 +375,10 @@ export default compose(
       if (canSubmitRevision) {
         this.props.toggleEditorialComments()
       }
+
+      if (authorResponseToRevisonRequest.content) {
+        this.props.toggleResponeToRevisionRequest()
+      }
     },
     componentDidUpdate(prevProps) {
       const {