16435 logic to disable continue button so cant submit empty rep

components/case/representation/representationAppellant.js

@@ -9,6 +9,7 @@ import {
     FileUploadField,
     RenderPickList,
     RenderRichMultiline,
+    shouldDisableButton,
 } from "./representationElements";
 
 import { useDropzone } from "react-dropzone";
@@ -225,6 +226,7 @@ const RepAppellant = (props) => {
                         </div>{" "}
                     </div>
                 )}
+
                 {typeof formObj.representationForm.values.representationType !=
                     "undefined" && (
                     <div className="govuk-grid-row">
@@ -233,24 +235,13 @@ const RepAppellant = (props) => {
                                 type="submit"
                                 className="govuk-button"
                                 data-module="govuk-button"
+                                disabled={shouldDisableButton({
+                                    props,
+                                    formObj,
+                                })}
                             >
                                 {t("common:continue-button")}
                             </button>
-                            {/* {router.query.state != "edit" && (
-                            <a
-                                onClick={() => {
-                                    setRepresentationCapacity();
-                                    props.updateField(
-                                        "representationForm",
-                                        "representationType",
-                                        ""
-                                    );
-                                }}
-                                className="govuk-link"
-                            >
-                                {t("common:back-link")}
-                            </a>
-                        )} */}
 
                             {savingStatus ? (
                                 <span className=" progress-save-active">