fix(develop): fix manuscript details page

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

-import React from 'react'
+import React, { Fragment } from 'react'
+import { isEmpty } from 'lodash'
+import { Redirect } from 'react-router-dom'
 
 import ManuscriptHeader from './ManuscriptHeader'
 import ManuscriptVersion from './ManuscriptVersion'
@@ -30,40 +32,50 @@ const ManuscriptLayout = ({
   updateManuscript,
 }) => (
   <Root>
-    <Container flex={3}>
-      <Header>
-        <LeftDetails>
-          <BreadCrumbs>
-            <span onClick={() => history.push('/')}>Dashboard</span>
-            <span>Manuscript Details</span>
-          </BreadCrumbs>
-          <ManuscriptId>{`- ID ${project.customId}`}</ManuscriptId>
-        </LeftDetails>
-        <RightDetails>
-          <ManuscriptVersion project={project} />
-        </RightDetails>
-      </Header>
-      <ManuscriptHeader journal={journal} project={project} version={version} />
-      <ManuscriptDetails collection={project} fragment={version} />
-      <ReviewsAndReports
-        currentUserIs={currentUserIs}
-        project={project}
-        version={version}
-      />
-    </Container>
-    <SideBar flex={1}>
-      <SideBarActions
-        currentUserIs={currentUserIs}
-        project={project}
-        version={version}
-      />
-      <SideBarRoles
-        currentUser={currentUser}
-        editorInChief={editorInChief}
-        project={project}
-        version={version}
-      />
-    </SideBar>
+    {!isEmpty(project) && !isEmpty(version) ? (
+      <Fragment>
+        <Container flex={3}>
+          <Header>
+            <LeftDetails>
+              <BreadCrumbs>
+                <span onClick={() => history.push('/')}>Dashboard</span>
+                <span>Manuscript Details</span>
+              </BreadCrumbs>
+              <ManuscriptId>{`- ID ${project.customId}`}</ManuscriptId>
+            </LeftDetails>
+            <RightDetails>
+              <ManuscriptVersion project={project} />
+            </RightDetails>
+          </Header>
+          <ManuscriptHeader
+            journal={journal}
+            project={project}
+            version={version}
+          />
+          <ManuscriptDetails collection={project} fragment={version} />
+          <ReviewsAndReports
+            currentUserIs={currentUserIs}
+            project={project}
+            version={version}
+          />
+        </Container>
+        <SideBar flex={1}>
+          <SideBarActions
+            currentUserIs={currentUserIs}
+            project={project}
+            version={version}
+          />
+          <SideBarRoles
+            currentUser={currentUser}
+            editorInChief={editorInChief}
+            project={project}
+            version={version}
+          />
+        </SideBar>
+      </Fragment>
+    ) : (
+      <Redirect to="/404" />
+    )}
   </Root>
 )
 

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

@@ -34,7 +34,7 @@ const ReviewReportCard = ({ report = {}, journal: { recommendations } }) => (
       </Fragment>
     )}
 
-    {get(report, 'comments[0].content.files') &&
+    {get(report, 'comments[0].files') &&
       !!report.comments[0].files.length && (
         <Fragment>
           <Spacing />