refactor: enable actions buttons when baseline correction options are…

… changed
cheminfo · Sep 25, 2024 · c9cb939 · c9cb939
1 parent 3d3f43a
commit c9cb939
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/component/panels/filtersPanel/Filters/BaseLineCorrectionOptionsPanel.tsx b/src/component/panels/filtersPanel/Filters/BaseLineCorrectionOptionsPanel.tsx
@@ -36,10 +36,14 @@ export default function BaseLineCorrectionOptionsPanel(
     control,
     algorithm,
     defaultAlgorithmSelectProps,
+    formState: { isDirty },
   } = useBaselineCorrection(filter);
 
   const { onChange: onLivePreviewFieldChange, ...livePreviewFieldOptions } =
     register('livePreview');
+
+  const disabledAction = filter.value && !isDirty;
+
   return (
     <>
       <StickyHeader>
@@ -60,6 +64,8 @@ export default function BaseLineCorrectionOptionsPanel(
               handleSubmit((values) => handleApplyFilter(values))()
             }
             onCancel={handleCancelFilter}
+            disabledConfirm={disabledAction}
+            disabledCancel={disabledAction}
           />
         </HeaderContainer>
       </StickyHeader>

diff --git a/src/component/panels/filtersPanel/Filters/hooks/useBaselineCorrection.tsx b/src/component/panels/filtersPanel/Filters/hooks/useBaselineCorrection.tsx
@@ -105,7 +105,7 @@ export function useBaselineCorrection(filter: Filter | null) {
     filter?.value || {},
   );
 
-  const { handleSubmit, control, register, reset } = useForm<
+  const { handleSubmit, control, register, reset, formState } = useForm<
     AirplsOptions | PolynomialOptions
   >({
     defaultValues: values,
@@ -195,5 +195,6 @@ export function useBaselineCorrection(filter: Filter | null) {
     submitHandler,
     handleApplyFilter,
     handleCancelFilter,
+    formState,
   };
 }