From 56fbb3fdc0478d9dcc1d181e1038f9a5e8a07fd3 Mon Sep 17 00:00:00 2001
From: rdbsolutions <rob@rdbsolutions.co.uk>
Date: Wed, 22 May 2024 10:41:29 +0100
Subject: [PATCH] fixed page flow from submission of questionnaire

---
 .../representation/representationComplete.js  |  2 +-
 .../representationCompleteSubmit.js           | 48 ++++++++++++++-----
 2 files changed, 36 insertions(+), 14 deletions(-)

diff --git a/components/case/representation/representationComplete.js b/components/case/representation/representationComplete.js
index 3ec645de..111d59b6 100644
--- a/components/case/representation/representationComplete.js
+++ b/components/case/representation/representationComplete.js
@@ -69,7 +69,7 @@ const RepComplete = (props) => {
                 <div className="govuk-grid-row">
                     <div className="govuk-button-group">
                         <Link
-                            href="/myportal"
+                            href="/"
                             onClick={() => setRepresentationReset()}
                             className="govuk-button"
                         >
diff --git a/components/case/representation/representationCompleteSubmit.js b/components/case/representation/representationCompleteSubmit.js
index 8a7efb80..13b3793b 100644
--- a/components/case/representation/representationCompleteSubmit.js
+++ b/components/case/representation/representationCompleteSubmit.js
@@ -5,6 +5,7 @@ import { useDropzone } from "react-dropzone";
 import RepComplete from "./representationComplete";
 import RepLPAQuestionnaireCheck_s78 from "./representationQuestionnairesCheck/representationLPAQuestionnaireCheck_s78";
 import RepLPAQuestionnaireCheck_enforcement from "./representationQuestionnairesCheck/representationLPAQuestionnaireCheck_enforcement";
+import { useState, useEffect } from "react";
 
 import {
     getFormCollectionByID,
@@ -35,6 +36,8 @@ const RepCompleteSubmit = (props) => {
         </li>
     ));
 
+    const [confirmSections, setConfirmSections] = useState(false);
+
     const repFormData = formObj.representationForm.values;
 
     // const repDate = new Date();
@@ -364,15 +367,31 @@ const RepCompleteSubmit = (props) => {
                             </p>
 
                             <div className="govuk-form-group">
-                                <label
-                                    className="govuk-label govuk-body-m"
-                                    htmlFor="representationType"
-                                >
-                                    {" "}
-                                    {t(
-                                        "myrepresentations:rep-check-tandc-para-four"
-                                    )}
-                                </label>
+                                <div className="govuk-checkboxes govuk-checkboxes--small">
+                                    <div className="govuk-checkboxes__item">
+                                        <input
+                                            name="pinswg_checkconfirmation"
+                                            id="pinswg_checkconfirmation"
+                                            type="checkbox"
+                                            className="govuk-checkboxes__input"
+                                            value=""
+                                            onChange={(e) => {
+                                                setConfirmSections(
+                                                    !confirmSections
+                                                );
+                                            }}
+                                        />
+                                        <label
+                                            className="govuk-label govuk-checkboxes__label"
+                                            htmlFor="pinswg_checkconfirmation"
+                                        >
+                                            {t(
+                                                "myrepresentations:rep-check-tandc-para-four"
+                                            )}
+                                        </label>
+                                    </div>
+                                </div>
+
                                 {/* <Field
                         name="representationType"
                         component={RenderPickList}
@@ -384,13 +403,16 @@ const RepCompleteSubmit = (props) => {
                         <div className="govuk-grid-row">
                             <div className="govuk-button-group">
                                 <button
+                                    disabled={confirmSections ? false : true}
                                     type="submit"
                                     className="govuk-button"
                                     data-module="govuk-button"
-                                    // onClick={() => {
-                                    //     setRepresentationSubmitConfirmation();
-                                    //     setRepresentationSubmit(true);
-                                    // }}
+                                    onClick={() => {
+                                        setRepresentationSubmitConfirmation(
+                                            true
+                                        );
+                                        setRepresentationSubmit(true);
+                                    }}
                                 >
                                     {t("common:continue-button")}
                                 </button>