Extract RenderFileUpload and FieldArrayForm

2026-04-07 15:32:45 +01:00
parent 5e992507de
commit 497bb4c799
4 changed files with 524 additions and 489 deletions
@@ -0,0 +1,45 @@
+import React, { useEffect } from "react";
+import _ from "lodash";
+import { FieldArray, change } from "redux-form";
+import { useDispatch } from "react-redux";
+import { RenderSubFields } from "./renderSubFields";
+
+export const FieldArrayForm = (props) => {
+    const {
+        name,
+        form,
+        formProps,
+        parentFieldShowOnValue,
+        parentField,
+        maxSubField
+    } = props;
+
+    const dispatch = useDispatch();
+
+    var showIfHasParentShowValue =
+        parentField != false &&
+        !_.isEmpty(formProps[form]) &&
+        _.has(formProps[form].values, parentField) &&
+        parentFieldShowOnValue.indexOf(
+            formProps[form].values[parentField].toString()
+        ) > -1;
+
+    useEffect(() => {
+        if (!showIfHasParentShowValue) {
+            dispatch(change("appealForm", name, null));
+        }
+    }, [dispatch, name, showIfHasParentShowValue]);
+
+    return (
+        <>
+            {" "}
+            {showIfHasParentShowValue && (
+                <FieldArray
+                    name={name}
+                    component={RenderSubFields}
+                    maxSubField={maxSubField}
+                />
+            )}
+        </>
+    );
+};