This commit is contained in:
Raja Oktafrianto
2025-04-16 11:23:28 +07:00
28 changed files with 600 additions and 33 deletions

View File

@ -153,7 +153,7 @@ const EditDialog = () => {
email: response.data.email,
id_role: response.data.idRole,
status: response.data.status,
customerid: response.data.customerid?.id || ''
customerid: response.data.customer?.id || ''
}));
// console.log('Customer ID from API:', response?.data.customerid);
} else {

View File

@ -11,11 +11,11 @@ const ListToolBar = () => {
<div className="flex flex-wrap gap-2 lg:gap-5 w-full">
<div className="flex justify-between w-full items-center">
<div className="flex w-[50%] gap-3 items-center">
<label className="input input-sm w-1/3">
<label className="input input-sm w-1/3 overflow-hidden">
<KeenIcon icon="magnifier" />
<input
type="text"
placeholder="Search Users"
placeholder="Search Username"
value={(table.getColumn('username')?.getFilterValue() as string) ?? ''}
onChange={(event) =>
table.getColumn('username')?.setFilterValue(event.target.value)

View File

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