fix(reviewer-reports): only staff and he can see the reviewer reports breakdown

packages/component-faraday-ui/src/ManuscriptCard.js

@@ -25,6 +25,7 @@ const ManuscriptCard = ({
   onDelete,
   canDelete,
   onCardClick,
+  canSeeReviewersReports,
   fragment = {},
   manuscriptType = {},
   collection: { visibleStatus = 'Draft', handlingEditor, customId, id: collId },
@@ -76,7 +77,7 @@ const ManuscriptCard = ({
           <Text ml={1} mr={3} whiteSpace="nowrap">
             {get(handlingEditor, 'name', 'Unassigned')}
           </Text>
-          {handlingEditor && (
+          {canSeeReviewersReports && (
             <Fragment>
               <Label mr={1}>Reviewers Reports</Label>
               <ReviewerBreakdown fragment={fragment} label="Reviewer Reports" />

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

 import React from 'react'
 import { H3 } from '@pubsweet/ui'
 import { get, has } from 'lodash'
+import { connect } from 'react-redux'
 import styled from 'styled-components'
 import { th } from '@pubsweet/ui-toolkit'
 import { withRouter } from 'react-router-dom'
-import { ManuscriptCard, Row } from 'pubsweet-component-faraday-ui'
 import { compose, setDisplayName, withHandlers } from 'recompose'
+import { ManuscriptCard, Row } from 'pubsweet-component-faraday-ui'
+import { canSeeReviewersReports } from 'pubsweet-component-faraday-selectors'
 
 import withVersion from './withVersion'
 
-const DashboardItem = withVersion(ManuscriptCard)
+const DashboardItem = compose(
+  withVersion,
+  connect((state, { collection }) => ({
+    canSeeReviewersReports: canSeeReviewersReports(
+      state,
+      get(collection, 'id', ''),
+    ),
+  })),
+)(ManuscriptCard)
 
-const DashboardItems = ({ onClick, list, deleteProject }) => (
+const DashboardItems = ({
+  list,
+  onClick,
+  deleteProject,
+  canSeeReviewersReports,
+}) => (
   <Root>
     {!list.length ? (
       <Row justify="center" mt={4}>