FWF-3542: [Feature] Added form display to mapper

AOT-Technologies · Oct 14, 2024 · e94be27 · e94be27
1 parent 993899f
commit e94be27
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/forms-flow-web/src/components/CustomComponents/settingsModal.js b/forms-flow-web/src/components/CustomComponents/settingsModal.js
@@ -13,8 +13,8 @@ import _camelCase from "lodash/camelCase";
 
 const SettingsModal =
  ({ show, handleClose, handleConfirm, rolesState, 
-  setRolesState, formDetails, updateFormName, updateFormDescription, formType, 
-  setFormType, newPath, handleFormPathChange }) => {
+  setRolesState, formDetails, updateFormName, updateFormDescription, formDisplay, 
+  setFormDisplay, newPath, handleFormPathChange }) => {
   const { t } = useTranslation();
   const dispatch = useDispatch();
   const [userRoles, setUserRoles] = useState([]);
@@ -60,7 +60,7 @@ const SettingsModal =
       target.type === "checkbox"
         ? target.checked ? "wizard" : "form"
         : target.value;
-    setFormType(value);
+    setFormDisplay(value);
     dispatchFormAction({ type: path, value });
   };
 
@@ -214,7 +214,7 @@ const SettingsModal =
             type="checkbox"
             id="createCheckbox"
             label={t("Allow adding multiple pages in this form")}
-            checked={formType === "wizard"}
+            checked={formDisplay === "wizard"}
             onChange={(event) => handleChange("display", event)}
 
 

diff --git a/forms-flow-web/src/components/Form/Item/Edit.js b/forms-flow-web/src/components/Form/Item/Edit.js
@@ -125,7 +125,7 @@ const Edit = React.memo(() => {
     description: processListData.description,
   });
 
-  const [formType, setFormType] = useState(processListData.formType);
+  const [formDisplay, setFormDisplay] = useState(processListData.formType);
 
   const [rolesState, setRolesState] = useState({
     edit: {
@@ -298,7 +298,8 @@ useEffect(() => {
         : [],
       anonymous: rolesState.create.isPublic,
       parentFormId: parentFormId,
-      formType: formType,
+      formType: form.type,
+      display: formDisplay, 
       processKey: workflow?.value,
       processName: workflow?.name,
       id: processListData.id,
@@ -447,7 +448,8 @@ useEffect(() => {
             handleConfirm={handleConfirmSettings} 
             rolesState={rolesState} setRolesState={setRolesState} 
             setFormDetails={setFormDetails} formDetails={formDetails} 
-            updateFormName={updateFormName} formType={formType} setFormType={setFormType} 
+            updateFormName={updateFormName} formDisplay={formDisplay} 
+            setFormDisplay={setFormDisplay} 
             updateFormDescription={updateFormDescription} newPath={newPath} 
             handleFormPathChange={handleFormPathChange}/>