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

update variable on columns table manage user

Browse Source 
- sync with response
- fix sorting
This commit is contained in:
Wikzyy
2025-04-16 10:13:24 +07:00
parent 538ae3d090
commit ac5969c3b8
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/settings/user/manage-user/blocks/ListToolBar.tsx
View File

@ -15,7 +15,7 @@ const ListToolBar = () => {
<KeenIcon icon="magnifier" /> <KeenIcon icon="magnifier" />
<input <input
type="text" type="text"
placeholder="Search Users" placeholder="Search Username"
value={(table.getColumn('username')?.getFilterValue() as string) ?? ''} value={(table.getColumn('username')?.getFilterValue() as string) ?? ''}
onChange={(event) => onChange={(event) =>
table.getColumn('username')?.setFilterValue(event.target.value) table.getColumn('username')?.setFilterValue(event.target.value)

12
src/pages/settings/user/manage-user/hooks/ManageUserContext.tsx
View File

@ -86,7 +86,7 @@ const ManageUserContextProvider = ({ children }: { children: React.ReactNode })
}, },
{ {
accessorFn: (row) => row.customer?.username, accessorFn: (row) => row.customer?.username,
id: 'customer', id: 'Users.customer',
header: ({ column }) => <DataGridColumnHeader title="Customer" column={column} />, header: ({ column }) => <DataGridColumnHeader title="Customer" column={column} />,
enableSorting: true, enableSorting: true,
enableHiding: false, enableHiding: false,
@ -98,7 +98,7 @@ const ManageUserContextProvider = ({ children }: { children: React.ReactNode })
accessorFn: (row) => row.email, accessorFn: (row) => row.email,
id: 'email', id: 'email',
header: ({ column }) => <DataGridColumnHeader title="Email" column={column} />, header: ({ column }) => <DataGridColumnHeader title="Email" column={column} />,
enableSorting: true, enableSorting: false,
enableHiding: false, enableHiding: false,
meta: { meta: {
headerClassName: 'w-[350px]' headerClassName: 'w-[350px]'
@ -106,9 +106,9 @@ const ManageUserContextProvider = ({ children }: { children: React.ReactNode })
}, },
{ {
accessorFn: (row) => row.name, accessorFn: (row) => row.name,
id: 'name', id: 'Users.name',
header: ({ column }) => <DataGridColumnHeader title="Name" column={column} />, header: ({ column }) => <DataGridColumnHeader title="Name" column={column} />,
enableSorting: true, enableSorting: false,
enableHiding: false, enableHiding: false,
meta: { meta: {
headerClassName: 'w-[250px]' headerClassName: 'w-[250px]'
@ -116,7 +116,7 @@ const ManageUserContextProvider = ({ children }: { children: React.ReactNode })
}, },
{ {
accessorFn: (row) => row.role.name, accessorFn: (row) => row.role.name,
id: 'role_name', id: 'Users.role',
header: ({ column }) => <DataGridColumnHeader title="Role Name" column={column} />, header: ({ column }) => <DataGridColumnHeader title="Role Name" column={column} />,
enableSorting: true, enableSorting: true,
enableHiding: false, enableHiding: false,
@ -239,7 +239,7 @@ const ManageUserContextProvider = ({ children }: { children: React.ReactNode })
pagination={{ size: 10 }} pagination={{ size: 10 }}
toolbar={<ListToolBar />} toolbar={<ListToolBar />}
layout={{ card: true }} layout={{ card: true }}
sorting={[{ id: 'Users.username', desc: false }]} sorting={[{ id: 'Users.created_at', desc: false }]}
serverSide={true} serverSide={true}
onFetchData={({ pageIndex, pageSize, sorting, columnFilters }) => onFetchData={({ pageIndex, pageSize, sorting, columnFilters }) =>
doGetListData(pageIndex, pageSize, sorting, columnFilters) doGetListData(pageIndex, pageSize, sorting, columnFilters)