add previous button to privacy statement

Author: Fbasham

frontend/app/routes/protected/person-case/layout.tsx

@@ -30,9 +30,7 @@ export default function Layout({ actionData, loaderData, matches, params }: Rout
   const abandonAction = i18n.language == 'fr' ? abandonRoute.paths.fr : abandonRoute.paths.en;
 
   if (!tabId) {
-    // if there is no tab id, render a spinner and wait for one to be generated
-    // TODO ::: GjB ::: this is horribly styled
-    return <FontAwesomeIcon className="m-8" icon={faSpinner} size="5x" spinPulse={true} />;
+    return <FontAwesomeIcon className="m-8 animate-[spin_3s_infinite_linear] text-slate-800" icon={faSpinner} size="3x" />;
   }
 
   return (

frontend/app/routes/protected/person-case/privacy-statement.tsx

@@ -48,6 +48,11 @@ export async function action({ context, params, request }: Route.ActionArgs) {
   const action = formData.get('action');
 
   switch (action) {
+    case 'back': {
+      machineActor.send({ type: 'exit' });
+      throw i18nRedirect('routes/protected/index.tsx', request);
+    }
+
     case 'next': {
       const parseResult = v.safeParse(privacyStatementSchema, {
         agreedToTerms: formData.get('agreedToTerms') ? true : undefined,
@@ -119,6 +124,9 @@ export default function PrivacyStatement({ loaderData, params }: Route.Component
             <Button name="action" value="next" variant="primary" id="continue-button" disabled={isSubmitting}>
               {t('protected:person-case.next')}
             </Button>
+            <Button name="action" value="back" id="back-button" disabled={isSubmitting}>
+              {t('protected:person-case.previous')}
+            </Button>
           </div>
         </fetcher.Form>
       </FetcherErrorSummary>

frontend/app/routes/protected/person-case/state-machine.server.ts

@@ -34,6 +34,7 @@ type MachineContext = Partial<InPersonSinApplication> & Partial<{ formData: Form
 type MachineEvents =
   | { type: 'prev' }
   | { type: 'cancel' }
+  | { type: 'exit' }
   | { type: 'setFormData'; data: FormData }
   | { type: 'submitBirthDetails'; data: BirthDetailsData }
   | { type: 'submitContactInfo'; data: ContactInformationData }
@@ -101,13 +102,12 @@ export const machine = setup({
       target: '.privacy-statement',
       actions: assign(initialContext),
     },
-    setFormData: {
-      actions: assign(({ context, event }) => ({
-        formData: { ...context.formData, ...event.data },
-      })),
+    exit: {
+      target: '.exited',
     },
   },
   states: {
+    'exited': { type: 'final' },
     'privacy-statement': {
       meta: { route: 'routes/protected/person-case/privacy-statement.tsx' },
       on: {