From fad6803140feeb73055fc2eb072f2520b530ae2a Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Sun, 16 Mar 2025 12:57:53 +0700
Subject: [PATCH] add handleFilter

---
 .../master/municipios/blocks/AddDialog.tsx    |  6 -----
 .../master/municipios/blocks/ListToolbar.tsx  | 23 +++++++++++++++----
 2 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/src/pages/master/municipios/blocks/AddDialog.tsx b/src/pages/master/municipios/blocks/AddDialog.tsx
index 234bd0c..fa19c21 100644
--- a/src/pages/master/municipios/blocks/AddDialog.tsx
+++ b/src/pages/master/municipios/blocks/AddDialog.tsx
@@ -77,12 +77,6 @@ const AddDialog = () => {
       return;
     }
 
-    // setFormField({
-    //   name: formField.name,
-    //   created_by: parsedUser.email,
-    //   created_at: formattedTime
-    // });
-
     doCreateMunicipio(e);
     console.log(parsedUser.email);
     console.log(formField);
diff --git a/src/pages/master/municipios/blocks/ListToolbar.tsx b/src/pages/master/municipios/blocks/ListToolbar.tsx
index 0129c85..abbdce2 100644
--- a/src/pages/master/municipios/blocks/ListToolbar.tsx
+++ b/src/pages/master/municipios/blocks/ListToolbar.tsx
@@ -1,10 +1,23 @@
 import { DefaultTooltip, KeenIcon, useDataGrid } from '@/components';
 import { useManageMunicipiosContext } from '../hooks/useManageMunicipiosContext';
 import { Button } from '@/components/ui/button';
+import { useCallback, useState } from 'react';
+import { toast } from 'sonner';
 
 const ListToolbar = () => {
   const { table, reload } = useDataGrid();
   const { handleAddDialog, handleSearchDialog } = useManageMunicipiosContext();
+  const [searchName, setSearchName] = useState('');
+  const [isLoading, setIsLoading] = useState(false);
+
+  const handleFilterData = useCallback(() => {
+    try {
+      table.getColumn('name')?.setFilterValue(searchName);
+    } catch (error) {
+      toast.error('Error applying filter');
+      console.error('Error applying filter:', error);
+    }
+  }, [searchName, table]);
 
   return (
     <div className="card-header flex-wrap gap-2 border-b-0 px-5">
@@ -16,8 +29,8 @@ const ListToolbar = () => {
               <input
                 type="text"
                 placeholder="Search Municipios"
-                value={(table.getColumn('name')?.getFilterValue() as string) ?? ''}
-                onChange={(event) => table.getColumn('name')?.setFilterValue(event.target.value)}
+                value={searchName}
+                onChange={(event) => setSearchName(event.target.value)}
               />
             </label>
             <DefaultTooltip title={'Filter'} placement={'top'}>
@@ -25,19 +38,19 @@ const ListToolbar = () => {
                 variant="outline"
                 className="h-7.5 disabled:bg-gray-400"
                 // disabled={isLoading}
-                // onClick={handleFilterData}
+                onClick={handleFilterData}
               >
                 {/* {loadingButton === 'filter' ? <ContentLoader /> : <KeenIcon icon="filter" />} */}
                 <KeenIcon icon="filter" />
               </Button>
             </DefaultTooltip>
-            <Button
+            {/* <Button
               variant="outline"
               className="h-7.5 text-[0.8rem]"
               onClick={() => handleSearchDialog(true)}
             >
               Search Postu Administrativo
-            </Button>
+            </Button> */}
           </div>
           <div className="flex gap-3 items-center">
             <Button