feat(reviewer-reports): add reviewer reports for he

packages/components-faraday/src/components/Dashboard/DashboardCard.js

@@ -13,8 +13,13 @@ import {
 import ZipFiles from './ZipFiles'
 import { InviteReviewers } from '../Reviewers/'
 import { selectInvitation } from '../../redux/reviewers'
-import { AuthorTooltip, ReviewerDecision, HandlingEditorSection } from './'
 import { parseVersion, parseJournalIssue, mapStatusToLabel } from './../utils'
+import {
+  AuthorTooltip,
+  ReviewerDecision,
+  HandlingEditorSection,
+  ReviewerReports,
+} from './'
 
 const DashboardCard = ({
   deleteProject,
@@ -146,29 +151,32 @@ const DashboardCard = ({
             </AuthorList>
           </Top>
           <Bottom>
-            <LeftDetails flex="5">
+            <LeftDetails flex={4}>
               <HandlingEditorSection
                 currentUser={currentUser}
                 project={project}
               />
             </LeftDetails>
             {canInviteReviewers() && (
-              <InviteReviewers
-                modalKey={`invite-reviewers-${project.id}`}
-                project={project}
-              />
+              <RightDetails flex={4}>
+                <ReviewerReports project={project} />
+                <InviteReviewers
+                  modalKey={`invite-reviewers-${project.id}`}
+                  project={project}
+                />
+              </RightDetails>
+            )}
+            {invitation && (
+              <RightDetails flex={4}>
+                <ReviewerText>Invited to review</ReviewerText>
+                <ReviewerDecision
+                  invitation={invitation}
+                  modalKey={`reviewer-decision-${project.id}`}
+                  project={project}
+                />
+              </RightDetails>
             )}
           </Bottom>
-          {invitation && (
-            <Bottom>
-              <LeftDetails flex="5" />
-              <ReviewerDecision
-                invitation={invitation}
-                modalKey={`reviewer-decision-${project.id}`}
-                project={project}
-              />
-            </Bottom>
-          )}
         </DetailsView>
       )}
     </Card>
@@ -224,6 +232,12 @@ const defaultText = css`
   font-size: ${th('fontSizeBaseSmall')};
 `
 
+const ReviewerText = styled.div`
+  ${defaultText};
+  margin-right: ${th('subGridUnit')};
+  text-transform: uppercase;
+`
+
 const AuthorList = styled.span`
   ${defaultText};
   text-align: left;

packages/components-faraday/src/components/Dashboard/ReviewerReports.js

+import React from 'react'
+import { th } from '@pubsweet/ui'
+import styled, { css } from 'styled-components'
+
+const ReviewerReports = ({ project: { invitations = [] } }) => {
+  const accepted = invitations.filter(i => i.isAccepted).length
+  return (
+    <ReviewerText>{`Reviewer reports (${accepted}/${
+      invitations.length
+    })`}</ReviewerText>
+  )
+}
+
+export default ReviewerReports
+
+// #region styled-components
+const defaultText = css`
+  color: ${th('colorText')};
+  font-family: ${th('fontReading')};
+  font-size: ${th('fontSizeBaseSmall')};
+`
+
+const ReviewerText = styled.div`
+  ${defaultText};
+  margin-right: ${th('subGridUnit')};
+  text-transform: uppercase;
+`
+// #endregion

packages/components-faraday/src/components/Dashboard/index.js

 import DashboardPage from './DashboardPage'
 
 export { default as AuthorTooltip } from './AuthorTooltip'
+export { default as ReviewerReports } from './ReviewerReports'
 export { default as ReviewerDecision } from './ReviewerDecision'
 export { default as EditorInChiefActions } from './EditorInChiefActions'
 export { default as HandlingEditorActions } from './HandlingEditorActions'

packages/components-faraday/src/components/Reviewers/InviteReviewers.js

@@ -17,7 +17,7 @@ import {
 } from '../../redux/reviewers'
 
 const InviteReviewers = ({ showInviteModal }) => (
-  <AssignButton onClick={showInviteModal}>Invite reviewers</AssignButton>
+  <AssignButton onClick={showInviteModal}>Invite</AssignButton>
 )
 
 const InviteReviewersModal = compose(