Bugfix form state filter select

Vizzuality · Nov 13, 2024 · 312b0e8 · 312b0e8
1 parent 90492c0
commit 312b0e8
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/client/src/containers/filter/filter-select/filter-select-values/index.tsx b/client/src/containers/filter/filter-select/filter-select-values/index.tsx
@@ -55,7 +55,6 @@ const FilterSelectValues: FC<FilterSelectValuesProps> = ({
   const form = useForm<FilterSelectForm>({
     defaultValues: { values: defaultValues, operator: "=" },
   });
-  const selectedValues = form.watch("values");
   const [formItems, setFormitems] = useState<string[]>(allValues);
 
   const fuse = (value: string) => {
@@ -82,9 +81,15 @@ const FilterSelectValues: FC<FilterSelectValuesProps> = ({
   const handleSelectAll = (checked: boolean) => {
     setSelectAll(checked);
     if (checked) {
-      form.setValue("values", allValues);
+      form.setValue("values", allValues, {
+        shouldDirty: true,
+        shouldTouch: true,
+      });
     } else {
-      form.setValue("values", []);
+      form.setValue("values", [], {
+        shouldDirty: true,
+        shouldTouch: true,
+      });
     }
   };
 
@@ -177,7 +182,7 @@ const FilterSelectValues: FC<FilterSelectValuesProps> = ({
           <div
             className={cn(
               "border-t-bluish-gray-500/35 bg-white p-0.5 pt-2",
-              selectedValues.length === 0 ? "hidden" : "block",
+              form.formState.isDirty ? "block" : "hidden",
             )}
           >
             <Button className="w-full" type="submit">