Show all form errors when submit button is clicked

packages/component-submit/src/components/Submit.js

@@ -36,8 +36,7 @@ const Submit = ({ project, version, valid, error, handleSubmit, uploadFile, conf
         <Button
           type="button"
           primary
-          onClick={toggleConfirming}
-          disabled={!valid}>
+          onClick={toggleConfirming}>
           Submit your manuscript
         </Button>
       </div>

packages/component-submit/src/components/SubmitPage.js

@@ -76,8 +76,13 @@ export default compose(
   }),
   withState('confirming', 'setConfirming', false),
   withHandlers({
-    toggleConfirming: props => () => {
-      props.setConfirming(confirming => !confirming)
+    toggleConfirming: ({valid, setConfirming, handleSubmit}) => () => {
+      if (valid) {
+        setConfirming(confirming => !confirming)
+      } else {
+        // trigger dummy submit to mark all fields as touched
+        handleSubmit(() => {})()
+      }
     }
   })
 )(Submit)