remove submit button if already submitted

f2/server.js

@@ -167,10 +167,10 @@ app
     res.sendFile(path.join(__dirname, 'build', 'index.html'))
   })
 
-// uncomment to allow direct loading of arbitrary pages
-// .get('/*', function(_req, res) {
-//   res.sendFile(path.join(__dirname, 'build', 'index.html'))
-// })
+  // uncomment to allow direct loading of arbitrary pages
+  .get('/*', function(_req, res) {
+    res.sendFile(path.join(__dirname, 'build', 'index.html'))
+  })
 
 const port = process.env.PORT || 3000
 console.info(`Listening at port ${port}`)

f2/src/ConfirmationPage.js

@@ -114,9 +114,6 @@ const submitToServer = async (data, dispatch) => {
 export const ConfirmationPage = () => {
   const [{ formData }, dispatch] = useStateValue() // eslint-disable-line no-unused-vars
   const { i18n } = useLingui()
-  if (formData.reportId !== '') {
-    dispatch({ type: 'saveFormData', data: { reportId: '' } })
-  }
   return (
     <Route
       render={({ history }) => (

f2/src/forms/ConfirmationForm.js

@@ -1,13 +1,16 @@
 /** @jsx jsx */
 import PropTypes from 'prop-types'
 import React from 'react'
+import { Stack } from '@chakra-ui/core'
 import { Trans } from '@lingui/macro'
 import { jsx } from '@emotion/core'
 import { Form } from 'react-final-form'
+import { Well } from '../components/Messages'
 import { NextAndCancelButtons } from '../components/next-and-cancel-buttons'
-import { Stack } from '@chakra-ui/core'
+import { useStateValue } from '../utils/state'
 
 export const ConfirmationForm = props => {
+  const [{ formData }] = useStateValue()
   return (
     <React.Fragment>
       <Form
@@ -19,9 +22,18 @@ export const ConfirmationForm = props => {
             shouldWrapChildren
             spacing={6}
           >
-            <NextAndCancelButtons
-              button={<Trans id="confirmationPage.nextButton" />}
-            />
+            {formData.submitted ? (
+              <Well variantColor="blue">
+                <Trans
+                  id="confirmationPage.thankyou"
+                  values={{ reference: formData.reportId }}
+                />
+              </Well>
+            ) : (
+              <NextAndCancelButtons
+                button={<Trans id="confirmationPage.nextButton" />}
+              />
+            )}
           </Stack>
         )}
       />

f2/src/locales/en.json

@@ -81,6 +81,7 @@
   "confirmationPage.suspectClues.suspectClues3": "Other suspect clues",
   "confirmationPage.suspectClues.title": "Suspect clues",
   "confirmationPage.suspectClues.title.edit": "Edit suspect clues",
+  "confirmationPage.thankyou": "Keep your reference number ({reference}). You can use it to add more detail to your report by calling the Canadian Anti-Fraud Centre at 1-888-495-8501.",
   "confirmationPage.title": "Review your report",
   "confirmationPage.whatHappened.nag": "No information provided.",
   "confirmationPage.whatHappened.title": "What happened?",
@@ -351,4 +352,4 @@
   "whenDidItStart.startDay": "Day",
   "whenDidItStart.startMonth": "Month",
   "whenDidItStart.startYear": "Year"
-}
+}

f2/src/locales/fr.json

@@ -81,6 +81,7 @@
   "confirmationPage.suspectClues.suspectClues3": "Autres indices",
   "confirmationPage.suspectClues.title": "Indices sur le suspect",
   "confirmationPage.suspectClues.title.edit": "Modifier les renseignements sur le suspect",
+  "confirmationPage.thankyou": "Conservez votre numéro de référence ({reference}). Vous pouvez l’utiliser pour ajouter plus de détail en communiquant avec le Centre antifraude du Canada au 1-888-495-8501.",
   "confirmationPage.title": "Révisez votre rapport",
   "confirmationPage.whatHappened.nag": "Aucune information fournie.",
   "confirmationPage.whatHappened.title": "Que s’est-il passé?",
@@ -351,4 +352,4 @@
   "whenDidItStart.startDay": "Jour",
   "whenDidItStart.startMonth": "Mois",
   "whenDidItStart.startYear": "Année"
-}
+}