update

src/pages/master/sucos/blocks/AddDialog.tsx

@@ -67,7 +67,7 @@ const AddDialog = () => {
       return;
     }
 
-    // doCreateSucos(e);
+    doCreateSucos(e);
     console.log(formField);
     setAlert({ show: false, message: '' });
   };
@@ -82,6 +82,12 @@ const AddDialog = () => {
     }
   }, [formattedTime]);
 
+  useEffect(() => {
+    if (showAddDialog === false) {
+      resetForm();
+    }
+  }, [showAddDialog]);
+
   return (
     <Dialog open={showAddDialog} onOpenChange={(open) => handleAddDialog(open)}>
       <DialogContent className="container-fixed max-w-[768px] flex flex-col p-5 overflow-hidden">

src/pages/master/sucos/blocks/EditDialog.tsx

@@ -73,7 +73,7 @@ const EditDialog = () => {
       return;
     }
 
-    // doUpdateSucos(e);
+    doUpdateSucos(e);
     console.log(formField);
     setAlert({ show: false, message: '' });
   };

src/pages/master/sucos/blocks/ListToolbar.tsx

@@ -1,10 +1,23 @@
 import { DefaultTooltip, KeenIcon, useDataGrid } from '@/components';
-import { useManageSucosContext } from '../hooks/useManageSucosContext';
 import { Button } from '@/components/ui/button';
+import { useCallback, useState } from 'react';
+import { toast } from 'sonner';
+import { useManageSucosContext } from '../hooks/useManageSucosContext';
 
 const ListToolbar = () => {
   const { table, reload } = useDataGrid();
   const { handleAddDialog, handleSearchDialog } = useManageSucosContext();
+  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,10 +29,8 @@ const ListToolbar = () => {
               <input
                 type="text"
                 placeholder="Search Sucos"
-                value={(table.getColumn('sucos_name')?.getFilterValue() as string) ?? ''}
-                onChange={(event) =>
-                  table.getColumn('sucos_name')?.setFilterValue(event.target.value)
-                }
+                value={searchName}
+                onChange={(event) => setSearchName(event.target.value)}
               />
             </label>
             <DefaultTooltip title={'Filter'} placement={'top'}>
@@ -27,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 Aldeias
-            </Button>
+              Search Postu Administrativo
+            </Button> */}
           </div>
           <div className="flex gap-3 items-center">
             <Button