fix(OH2-384|OH2-402): Fix table filter crashing (#672)

Co-authored-by: SteveGT96 <[email protected]>
informatici · Oct 8, 2024 · 43bf482 · 43bf482
1 parent 5b2773d
commit 43bf482
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/components/accessories/table/Table.tsx b/src/components/accessories/table/Table.tsx
@@ -37,10 +37,10 @@ import {
 import { TOrder } from "../../../libraries/sortUtils/types";
 import Button from "../button/Button";
 import ConfirmationDialog from "../confirmationDialog/ConfirmationDialog";
+import TableBodyRow from "./TableBodyRow";
 import { FilterButton } from "./filter/FilterButton";
 import { TFilterValues } from "./filter/types";
 import "./styles.scss";
-import TableBodyRow from "./TableBodyRow";
 import { IProps, TActions } from "./types";
 
 const Table: FunctionComponent<IProps> = ({
@@ -399,7 +399,7 @@ const Table: FunctionComponent<IProps> = ({
                           field={filterField}
                           onChange={(value) =>
                             setFilters((previous) => ({
-                              ...filters,
+                              ...previous,
                               [filterField.key]: value,
                             }))
                           }

diff --git a/src/components/accessories/table/filter/FilterButton.tsx b/src/components/accessories/table/filter/FilterButton.tsx
@@ -100,7 +100,11 @@ export const FilterButton = ({ field, onChange }: IOwnProps) => {
   };
 
   useEffect(() => {
-    formik.submitForm();
+    const submit = setTimeout(() => {
+      formik.submitForm();
+    }, 250);
+
+    return () => clearInterval(submit);
   }, [formik.values]);
 
   return (