feat(submit-revision): add confirmation modal

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

@@ -15,6 +15,10 @@ import {
   getFormValues,
   change as changeForm,
 } from 'redux-form'
+import {
+  withModal,
+  ConfirmationModal,
+} from 'pubsweet-component-modal/src/components'
 import { AuthorList, Files } from 'pubsweet-components-faraday/src/components'
 import { submitRevision } from 'pubsweet-component-wizard/src/redux/conversion'
 import AutosaveIndicator from 'pubsweet-component-wizard/src/components/AutosaveIndicator'
@@ -141,6 +145,9 @@ export default compose(
       version,
     }),
   ),
+  withModal(props => ({
+    modalComponent: ConfirmationModal,
+  })),
   connect(
     state => ({
       fileFetching: getRequestStatus(state),

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

@@ -160,11 +160,11 @@ export const onReviewSubmit = (
   values,
   dispatch,
   {
-    isSubmitting,
-    showModal,
-    hideModal,
     project,
     version,
+    showModal,
+    hideModal,
+    isSubmitting,
     updateRecommendation,
   },
 ) => {
@@ -203,9 +203,17 @@ export const onRevisionChange = debounce(_onRevisionChange, 1000, {
 export const onRevisionSubmit = (
   values,
   dispatch,
-  { submitRevision, version, project },
+  { submitRevision, version, project, showModal, hideModal },
 ) => {
   // submitRevision(project.id, version.id)
+  showModal({
+    title: 'Ready to submit your revision?',
+    subtitle: `Once submitted, the submission can't be modified.`,
+    onConfirm: () => {
+      hideModal()
+    },
+    onCancel: hideModal,
+  })
 }
 
 // revision validators