feat(assign-he): create manuscript assign he component

packages/component-faraday-ui/src/manuscriptDetails/ManuscriptAssignHE.js

+import React from 'react'
+import { ContextualBox, AssignHE } from 'pubsweet-component-faraday-ui'
+
+const ManuscriptAssignHE = ({
+  toggle,
+  assignHE,
+  expanded,
+  currentUser,
+  handlingEditors = [],
+}) =>
+  currentUser.canAssignHE ? (
+    <ContextualBox
+      expanded={expanded}
+      label="Assign Handling Editor"
+      scrollIntoView
+      toggle={toggle}
+    >
+      <AssignHE
+        handlingEditors={handlingEditors}
+        inviteHandlingEditor={assignHE}
+      />
+    </ContextualBox>
+  ) : null
+
+export default ManuscriptAssignHE

packages/component-faraday-ui/src/manuscriptDetails/ManuscriptAssignHE.md

+Manuscript handling editors table.
+
+```js
+const handlingEditors = [
+  {
+    id: '1',
+    firstName: 'Handling',
+    lastName: 'Edi',
+    email: 'handling1@edi.com',
+  },
+  {
+    id: '2',
+    firstName: 'Alex',
+    lastName: 'Pricop',
+    email: 'handling2@edi.com',
+  },
+  {
+    id: '3',
+    firstName: 'Bogdan',
+    lastName: 'Cochior',
+    email: 'handling3@edi.com',
+  },
+];
+
+const currentUser = {
+  canAssignHE: true,
+};
+
+<RemoteOpener>
+  {(expanded, toggle) => (
+    <ManuscriptAssignHE
+      toggle={toggle}
+      expanded={expanded}
+      currentUser={currentUser}
+      handlingEditors={handlingEditors}
+      assignHE={he => console.log('assigning...', he)}
+    />
+  )}
+</RemoteOpener>
+```

packages/component-faraday-ui/src/manuscriptDetails/index.js

@@ -3,3 +3,4 @@ export { default as ManuscriptVersion } from './ManuscriptVersion'
 export { default as ManuscriptHeader } from './ManuscriptHeader'
 export { default as ManuscriptMetadata } from './ManuscriptMetadata'
 export { default as ManuscriptFileList } from './ManuscriptFileList'
+export { default as ManuscriptAssignHE } from './ManuscriptAssignHE'

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

@@ -3,10 +3,9 @@ import { isEmpty } from 'lodash'
 import styled from 'styled-components'
 import {
   Text,
-  AssignHE,
   RemoteOpener,
-  ContextualBox,
   ManuscriptHeader,
+  ManuscriptAssignHE,
   ManuscriptMetadata,
   ManuscriptDetailsTop,
 } from 'pubsweet-component-faraday-ui'
@@ -18,7 +17,6 @@ const ManuscriptLayout = ({
   currentUser,
   getSignedUrl,
   editorInChief,
-  canMakeRevision,
   handlingEditors,
   hasResponseToReviewers,
   editorialRecommendations,
@@ -40,6 +38,7 @@ const ManuscriptLayout = ({
               history={history}
               {...permissions}
             />
+
             <ManuscriptHeader
               collection={collection}
               editorInChief={editorInChief}
@@ -50,24 +49,20 @@ const ManuscriptLayout = ({
               resendInvitation={assignHE}
               revokeInvitation={revokeHE}
             />
+
             <ManuscriptMetadata
               currentUser={currentUser}
               fragment={fragment}
               getSignedUrl={getSignedUrl}
             />
-            {currentUser.canAssignHE && (
-              <ContextualBox
-                expanded={expanded}
-                label="Assign Handling Editor"
-                scrollIntoView
-                toggle={toggle}
-              >
-                <AssignHE
-                  handlingEditors={handlingEditors}
-                  inviteHandlingEditor={assignHE}
-                />
-              </ContextualBox>
-            )}
+
+            <ManuscriptAssignHE
+              assignHE={assignHE}
+              currentUser={currentUser}
+              expanded={expanded}
+              handlingEditors={handlingEditors}
+              toggle={toggle}
+            />
           </Fragment>
         )}
       </RemoteOpener>

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

@@ -90,8 +90,8 @@ export default compose(
       isReviewer: currentUserIsReviewer(state),
       canAssignHE: canAssignHE(state, match.params.project),
     },
-    canMakeRevision: canMakeRevision(state, collection, fragment),
     permissions: {
+      canMakeRevision: canMakeRevision(state, collection, fragment),
       canMakeDecision: canMakeDecision(state, collection, fragment),
       canEditManuscript: canEditManuscript(state, collection, fragment),
       canOverrideTechChecks: canOverrideTechnicalChecks(state, collection),