add handleFilter

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);

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) ?? ''}
+                value={searchName}
-                onChange={(event) => table.getColumn('name')?.setFilterValue(event.target.value)}
+                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