chore: disable add new field on field array when Max items is achieved

bleu · Feb 5, 2024 · 0654ea4 · 0654ea4
1 parent 7ecb5ae
commit 0654ea4
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/components/FormBuilder/fields/FieldArray.tsx b/src/components/FormBuilder/fields/FieldArray.tsx
@@ -181,7 +181,15 @@ export const FieldArray = withConditional<FieldArrayFieldProps>(
             </ul>
           </DragDropContext>
         </div>
-        <Button type="button" onClick={handleAppend} className="mt-3">
+        <Button
+          type="button"
+          onClick={handleAppend}
+          className="mt-3"
+          disabled={
+            field?.length?.maximum !== undefined &&
+            fields.length >= field?.length?.maximum
+          }
+        >
           Add {field.label}
         </Button>
       </div>