create form template - allow continuing if a field is specified (#399)

* allow continue if a field is specified

* tsc workaround

* also add same logic for form instance

---------

Co-authored-by: Kaiyang Zheng <kaiyang.zheng@gmail.com>

Author: elvincheng3

apps/web/src/components/createFormInstance/SignatureDropdown.tsx

@@ -96,6 +96,8 @@ export const SignatureDropdown = ({
     }
   }, [assignedGroupData, field.id]);
 
+  // this is not ideal, we should just use on onClick handler fucntion
+  // instead of useEffect
   useEffect(() => {
     switch (activeTab) {
       case 'Employee':
@@ -182,6 +184,9 @@ export const SignatureDropdown = ({
                 onClick={() => {
                   setActiveTab(tab);
                   setSelectedOption(null);
+                  setAssignedGroupData((prev) =>
+                    prev.filter((group) => group.fieldGroupId !== field.id),
+                  );
                 }}
                 flex="1"
                 borderRadius="0"

apps/web/src/pages/create-instance/assign-groups.tsx

@@ -12,6 +12,7 @@ function AssignGroups() {
     formInstanceDescription,
     formTemplate,
     formInstanceUseId,
+    assignedGroupData,
   } = useCreateFormInstance();
 
   const [pdfFile, setPdfFile] = useState<File | null>(null);
@@ -45,7 +46,7 @@ function AssignGroups() {
       deleteFunction={() => {}}
       submitLink={'/create-instance/review'}
       backLink={'/create-instance/description'}
-      disabled={false}
+      disabled={formTemplate?.fieldGroups.length !== assignedGroupData.length}
     />
   );
 }

apps/web/src/pages/create-template/input-fields.tsx

@@ -54,8 +54,11 @@ function InputFields() {
       deleteFunction={() => {}}
       submitLink={'/create-template/review'}
       backLink={'/create-template/description'}
-      // TODO set disabled based on some state in the pdf editor component
-      disabled={false}
+      disabled={
+        Object.values(formFields)
+          .map((page) => Array.from(page.values()))
+          .reduce((prev, curr) => prev + curr.length, 0) === 0
+      }
     />
   );
 }