No commit message

No commit message

app/components/upload-files/UploadFileListItem.jsx

@@ -88,7 +88,7 @@ class UploadFileListItem extends React.Component {
   }
   render() {
     const { label, type } = this.state
-    const { types, loading, file, manuscript } = this.props
+    const { types, loading, file, manuscript, reportError } = this.props
     if (file.type === 'manuscript') {
       return (
         <FileListItem>
@@ -116,7 +116,6 @@ class UploadFileListItem extends React.Component {
           >
             {(replaceManuscriptFile, { data }) => {
               const replaceFileHandler = async (id, fileId, files) => {
-                console.log('files: ', files)
                 if (files && files.length > 0) {
                   await replaceManuscriptFile({
                     variables: {
@@ -125,6 +124,9 @@ class UploadFileListItem extends React.Component {
                       files,
                     },
                   })
+                  reportError('')
+                } else {
+                  reportError('File is not of an allowed file type.')
                 }
               }
               return (

app/components/upload-files/UploadFiles.jsx

@@ -77,6 +77,15 @@ const hasManuscrirpt = files => {
 
 class UploadFiles extends React.Component {
   state = { errors: [], loading: false }
+
+  reportError = message => {
+    const errors = []
+    if (message) {
+      errors.push({ message })
+    }
+    this.setState({ errors })
+  }
+
   render() {
     const { manuscript, types, checked = false, files } = this.props
     const { errors, loading } = this.state
@@ -104,13 +113,11 @@ class UploadFiles extends React.Component {
                 type,
               },
             })
-            let errors = []
             if (!data.uploadFiles) {
-              errors.push({ message: 'File is not an allowed file type.' })
+              this.reportError('File is not an allowed file type.')
             } else {
-              errors = []
+              this.reportError('')
             }
-            this.setState({ errors })
           }
           return (
             <React.Fragment>
@@ -131,6 +138,7 @@ class UploadFiles extends React.Component {
                             key="manuscript"
                             loading={loading}
                             manuscript={manuscript}
+                            reportError={this.reportError}
                           />
                         ) : (
                           <UploadFileListItem