feat: prevent reordering when fields are dirty

opengovsg · Aug 25, 2022 · 84b378a · 84b378a
1 parent 490a4dd
commit 84b378a
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/...min-form/create/builder-and-design/BuilderAndDesignContent/FieldRow/FieldRowContainer.tsx b/...min-form/create/builder-and-design/BuilderAndDesignContent/FieldRow/FieldRowContainer.tsx
@@ -218,14 +218,19 @@ export const FieldRowContainer = ({
     [duplicateFieldMutation, deleteFieldMutation],
   )
 
+  const isDragDisabled = useMemo(() => {
+    return (
+      !isActive ||
+      isDirty ||
+      !!numFormFieldMutations ||
+      stateData.state === FieldBuilderState.CreatingField
+    )
+  }, [isActive, isDirty, numFormFieldMutations, stateData.state])
+
   return (
     <Draggable
       index={index}
-      isDragDisabled={
-        !isActive ||
-        !!numFormFieldMutations ||
-        stateData.state === FieldBuilderState.CreatingField
-      }
+      isDragDisabled={isDragDisabled}
       disableInteractiveElementBlocking
       draggableId={field._id}
     >