update add data sucos

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

@@ -1,23 +1,10 @@
 import { DefaultTooltip, KeenIcon, useDataGrid } from '@/components';
 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">
@@ -29,8 +16,10 @@ const ListToolbar = () => {
               <input
                 type="text"
                 placeholder="Search Sucos"
-                value={searchName}
-                onChange={(event) => setSearchName(event.target.value)}
+                value={table.getColumn(`sucos_id`)?.getFilterValue() as string}
+                onChange={(event) =>
+                  table.getColumn('sucos_name')?.setFilterValue(event.target.value)
+                }
               />
             </label>
             <DefaultTooltip title={'Filter'} placement={'top'}>
@@ -38,7 +27,7 @@ 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" />