diff --git a/src/pages/groups/ManageGroups.tsx b/src/pages/groups/ManageGroups.tsx index 3ba347d..d03966f 100644 --- a/src/pages/groups/ManageGroups.tsx +++ b/src/pages/groups/ManageGroups.tsx @@ -68,7 +68,7 @@ const ManageGroups = () => { let resGroups = groups.data.data.list.map((el: any) => { el.no = temp++; return el; - }); + }) setDataGroup(resGroups); } catch (error: any) { alert(error.message); diff --git a/src/pages/master/postoadms/blocks/ListToolbar.tsx b/src/pages/master/postoadms/blocks/ListToolbar.tsx index 37b3976..9ffcb42 100644 --- a/src/pages/master/postoadms/blocks/ListToolbar.tsx +++ b/src/pages/master/postoadms/blocks/ListToolbar.tsx @@ -2,10 +2,23 @@ import { DefaultTooltip, KeenIcon, useDataGrid } from '@/components'; import { Button } from '@/components/ui/button'; import { useManagePostoAdmsContext } from '../hooks/useManagePostoAdmsContext'; +import { useState } from 'react'; const ListToolbar = () => { const { table, reload } = useDataGrid(); const { handleAddDialog, handleSearchDialog } = useManagePostoAdmsContext(); + const [searchPosto, setSearchPosto] = useState(''); + const [searchMunicipio, setSearchMunicipio] = useState(''); + + const handleKeyDown = (event: React.KeyboardEvent) => { + if (event.key === 'Enter') { + handleSearch(); + } + }; + + const handleSearch = () => { + table.getColumn('name')?.setFilterValue(searchPosto); + }; return (
@@ -16,11 +29,17 @@ const ListToolbar = () => { table.getColumn('name')?.setFilterValue(event.target.value)} + placeholder="Search" + value={searchPosto} + onChange={(event) => setSearchPosto(event.target.value)} + onKeyDown={handleKeyDown} /> + + + {/*