TIMOR-TELECOM/revenue-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix search filter

Browse Source
This commit is contained in:
Wikzyy
2025-03-24 11:45:22 +07:00
parent ab943cd99e
commit 3f995cfa38
2 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/menu/manage-menu/blocks/ListToolbar.tsx
View File

@ -16,8 +16,8 @@ const ListToolbar = () => {
<input <input
type="text" type="text"
placeholder="Search Menu" placeholder="Search Menu"
value={(table.getColumn('subMenu')?.getFilterValue() as string) ?? ''} value={(table.getColumn('name')?.getFilterValue() as string) ?? ''}
onChange={(event) => table.getColumn('subMenu')?.setFilterValue(event.target.value)} onChange={(event) => table.getColumn('name')?.setFilterValue(event.target.value)}
/> />
</label> </label>
<DefaultTooltip title={'Filter'} placement={'top'}> <DefaultTooltip title={'Filter'} placement={'top'}>

9
src/pages/menu/manage-menu/hooks/ManageMenusContext.tsx
View File

@ -118,7 +118,7 @@ const ManageMenusContextProvider = ({ children }: { children: React.ReactNode })
}, },
{ {
accessorFn: (row) => row.name, accessorFn: (row) => row.name,
id: 'subMenu', id: 'name',
header: ({ column }) => <DataGridColumnHeader title="Sub Menu" column={column} />, header: ({ column }) => <DataGridColumnHeader title="Sub Menu" column={column} />,
enableSorting: false, enableSorting: false,
enableHiding: false, enableHiding: false,
@ -210,7 +210,8 @@ const ManageMenusContextProvider = ({ children }: { children: React.ReactNode })
page: page + 1, page: page + 1,
with_deleted: false, with_deleted: false,
order_field: sorting[0].id, order_field: sorting[0].id,
order_direction: sorting[0].desc ? 'DESC' : 'ASC' order_direction: sorting[0].desc ? 'DESC' : 'ASC',
filter: JSON.stringify(filter)
}); });
if (!response?.data.list) return { data: [], totalCount: 0 }; if (!response?.data.list) return { data: [], totalCount: 0 };
@ -223,7 +224,7 @@ const ManageMenusContextProvider = ({ children }: { children: React.ReactNode })
console.log(response.data); console.log(response.data);
setMenus(transformedData); setMenus(transformedData);
return { data: transformedData, totalCount: response.data.total_count }; return { data: transformedData, totalCount: total_count };
} catch (error) { } catch (error) {
console.error('Error fetching Menus', error); console.error('Error fetching Menus', error);
return { data: [], totalCount: 0 }; return { data: [], totalCount: 0 };
@ -250,7 +251,7 @@ const ManageMenusContextProvider = ({ children }: { children: React.ReactNode })
<DataGridProvider <DataGridProvider
columns={columns} columns={columns}
pagination={{ size: 30 }} pagination={{ size: 50, page: 0, more: false }}
toolbar={<ListToolbar />} toolbar={<ListToolbar />}
layout={{ card: true }} layout={{ card: true }}
sorting={[{ id: 'id', desc: false }]} sorting={[{ id: 'id', desc: false }]}