refactor: enable action buttons when shift options are changed

cheminfo · Sep 25, 2024 · dc3bce8 · dc3bce8
1 parent dda573a
commit dc3bce8
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/component/panels/filtersPanel/Filters/ShiftOptionsPanel.tsx b/src/component/panels/filtersPanel/Filters/ShiftOptionsPanel.tsx
@@ -20,7 +20,11 @@ interface ShiftOptionsPanelProps {
 export default function ShiftOptionsPanel(props: ShiftOptionsPanelProps) {
   const { filter } = props;
   const dispatch = useDispatch();
-  const { handleSubmit, control } = useForm({ defaultValues: filter.value });
+  const {
+    handleSubmit,
+    control,
+    formState: { isDirty },
+  } = useForm({ defaultValues: filter.value });
 
   function handleCancelFilter() {
     dispatch({
@@ -68,6 +72,8 @@ export default function ShiftOptionsPanel(props: ShiftOptionsPanelProps) {
           <FilterActionButtons
             onConfirm={() => handleSubmit(handleApplyFilter)()}
             onCancel={handleCancelFilter}
+            disabledConfirm={!isDirty}
+            disabledCancel={!isDirty}
           />
         </HeaderContainer>
       </StickyHeader>