linked watched cases for all personnas

components/case/representation/representationQuestionnaires/representationLPAQuestionnaire_s78.js

@@ -23,10 +23,10 @@ import { select } from "xpath";
 import jsonpath from "jsonpath";
 import { getFormCollectionByID } from "../../../../components/utils";
 
-let S78_Questionnaire = async (props) => {
-    //let { t } = useTranslation();
+let S78_Questionnaire = (props) => {
+    let { t } = useTranslation();
 
-    let t = await getT(props.reqQuery.__nextLocale, "common");
+    //let t = await getT(props.reqQuery.__nextLocale, "common");
 
     const router = useRouter();
     const { locale } = router;
@@ -89,10 +89,22 @@ let S78_Questionnaire = async (props) => {
 
     console.log(resultsObj);
 
+    const onHandleSubmit = (values) => {
+        //if (currentSection == sectionCount) {
+        let valuesObj = values || {};
+
+        delete valuesObj["_pinswg_appellant_value"];
+        console.log("has errors:", props.invalid);
+        props.invalid == false && updateCaseProgress(valuesObj, false, false);
+
+        setCurrentSection(currentSection + 1);
+    };
+
     return (
         <>
             {props.representationTypeValue}
             {props.procedureTypeValue}
+
             {showQuestionnaireSection == 1 && (
                 <fieldset
                     className="govuk-fieldset"
@@ -186,6 +198,7 @@ let S78_Questionnaire = async (props) => {
                             rows="5"
                             className="govuk-textarea govuk-input--width-30"
                             aria-describedby={props.name + "-hint"}
+                            validate={[required]}
                         />
 
                         <div className="govuk-form-group">
@@ -372,6 +385,7 @@ let S78_Questionnaire = async (props) => {
                         rows="5"
                         className="govuk-textarea govuk-input--width-30"
                         aria-describedby={props.name + "-hint"}
+                        validate={[required]}
                     />
                 </fieldset>
             )}
@@ -399,6 +413,7 @@ let S78_Questionnaire = async (props) => {
                         rows="5"
                         className="govuk-textarea govuk-input--width-30"
                         aria-describedby={props.name + "-hint"}
+                        validate={[required]}
                     />
 
                     <div className="govuk-form-group">
@@ -624,6 +639,7 @@ let S78_Questionnaire = async (props) => {
                         rows="5"
                         className="govuk-textarea govuk-input--width-30"
                         aria-describedby={props.name + "-hint"}
+                        validate={[required]}
                     />
 
                     <div className="govuk-form-group">
@@ -667,6 +683,7 @@ let S78_Questionnaire = async (props) => {
                         rows="5"
                         className="govuk-textarea govuk-input--width-30"
                         aria-describedby={props.name + "-hint"}
+                        validate={[required]}
                     />
                     <Field
                         label={
@@ -684,6 +701,7 @@ let S78_Questionnaire = async (props) => {
                         rows="5"
                         className="govuk-textarea govuk-input--width-30"
                         aria-describedby={props.name + "-hint"}
+                        validate={[required]}
                     />
 
                     <div className="govuk-form-group">