#1145

app/components/ManuscriptPreview.jsx

@@ -34,7 +34,7 @@ class ManuscriptPreview extends React.Component {
     this.refdiv = refdiv
   }
   render() {
-    const { file } = this.props
+    const { file, original } = this.props
     if (!file || this.state.hasError) {
       return (
         <Notification type="error">
@@ -44,19 +44,32 @@ class ManuscriptPreview extends React.Component {
     }
     if (file.type === 'source') {
       return (
-        <Doc id={this.state.html && 'html-preview'} ref={this.setRef}>
-          {this.state.html ? (
-            <Wax
-              readonly
-              renderLayout={({ editor, ...props }) => <div>{editor}</div>}
-              value={this.state.html}
-            />
-          ) : (
-            <Loading>
-              <LoadingIcon />
-            </Loading>
-          )}
-        </Doc>
+        <React.Fragment>
+          <Notification type="warning">
+            {`The preview is intended for the review of content only. If it is not formatted correctly, you can check formatting by `}
+            <A
+              download={original.filename}
+              href={original.url}
+              title="Download the manuscript"
+            >
+              downloading the original source file
+            </A>
+            {'.'}
+          </Notification>
+          <Doc id={this.state.html && 'html-preview'} ref={this.setRef}>
+            {this.state.html ? (
+              <Wax
+                readonly
+                renderLayout={({ editor, ...props }) => <div>{editor}</div>}
+                value={this.state.html}
+              />
+            ) : (
+              <Loading>
+                <LoadingIcon />
+              </Loading>
+            )}
+          </Doc>
+        </React.Fragment>
       )
     } else if (file.mimeType === 'application/pdf') {
       return (

app/components/review-wizard/Review.jsx

@@ -486,7 +486,12 @@ class Review extends React.Component {
                     </React.Fragment>
                   )}
                   {pane === 'original' && sourceFile && (
-                    <ManuscriptPreview file={sourceFile} />
+                    <ManuscriptPreview
+                      file={sourceFile}
+                      original={allfiles.find(
+                        file => file.type === 'manuscript',
+                      )}
+                    />
                   )}
                 </PanelContent>
               </PreviewPanelDiv>
@@ -514,7 +519,12 @@ class Review extends React.Component {
                         Close manuscript file
                       </Button>
                     </ButtonSpacer>
-                    <ManuscriptPreview file={sourceFile} />
+                    <ManuscriptPreview
+                      file={sourceFile}
+                      original={allfiles.find(
+                        file => file.type === 'manuscript',
+                      )}
+                    />
                   </PanelContent>
                 ) : (
                   <React.Fragment>

app/components/submission-wizard/Submit.jsx

@@ -287,6 +287,9 @@ class Submit extends React.Component {
                             allfiles.find(file => file.type === 'source') ||
                             allfiles.find(file => file.type === 'manuscript')
                           }
+                          original={allfiles.find(
+                            file => file.type === 'manuscript',
+                          )}
                           textContent={highlights =>
                             currentUser.admin && status === 'submitted'
                               ? this.setState({ highlights })