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

fix filter search provider

Browse Source
This commit is contained in:
Wikzyy
2025-04-07 17:10:03 +07:00
parent ec87d6c7f1
commit 74c6f1c5aa
3 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/data-grid/DataGridContext.tsx
View File

@ -152,7 +152,7 @@ export const DataGridProvider = <TData extends object>(props: TDataGridProps<TDa
onRowSelectionChange: handleRowSelectionChange, onRowSelectionChange: handleRowSelectionChange,
onSortingChange: (newSorting) => !loading && setSorting(newSorting), onSortingChange: (newSorting) => !loading && setSorting(newSorting),
onColumnFiltersChange: (newFilters) => { onColumnFiltersChange: (newFilters) => {
console.log('New Filters:', newFilters); // Debugging // console.log('New Filters:', newFilters); // Debugging
!loading && setColumnFilters(newFilters); !loading && setColumnFilters(newFilters);
}, },
onColumnVisibilityChange: setColumnVisibility, onColumnVisibilityChange: setColumnVisibility,

6
src/pages/master/provider/blocks/ListToolbar.tsx
View File

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

5
src/pages/master/provider/hooks/ManageProviderContext.tsx
View File

@ -75,7 +75,7 @@ const ManageProviderContextProvider = ({ children }: { children: React.ReactNode
() => [ () => [
{ {
accessorFn: (row) => row.provider_name, accessorFn: (row) => row.provider_name,
id: 'name', id: 'provider_name',
header: ({ column }) => <DataGridColumnHeader title="Name" column={column} />, header: ({ column }) => <DataGridColumnHeader title="Name" column={column} />,
enableSorting: true, enableSorting: true,
enableHiding: false, enableHiding: false,
@ -162,8 +162,9 @@ const ManageProviderContextProvider = ({ children }: { children: React.ReactNode
const getProviderLists = async (page: number, limit: number, sorting: any, filter: any) => { const getProviderLists = async (page: number, limit: number, sorting: any, filter: any) => {
try { try {
const field = 'Provider.name';
sorting = sorting.length == 0 ? [{ id: 'name', desc: false }] : sorting; sorting = sorting.length == 0 ? [{ id: 'name', desc: false }] : sorting;
filter = filter.length == 0 ? {} : { any: filter[0].value?.toLowerCase() }; filter = filter.length == 0 ? {} : { [field]: filter[0].value?.toLowerCase() };
const response = await GetData(`${API_URL}/provider/list`, { const response = await GetData(`${API_URL}/provider/list`, {
limit, limit,
page: page + 1, page: page + 1,