humas
/
web-humas-fe
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:table user levels

This commit is contained in:
Rama Priyanto 2025-06-11 15:02:32 +07:00
parent 453c9cef46
commit f005d9584e
1 changed files with 64 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

122
components/table/master/master-user-level/master-user-level-table.tsx
View File

@ -104,7 +104,7 @@ export default function MasterUserLevelTable() {
}; };
const res = await getAllUserLevels(request); const res = await getAllUserLevels(request);
const data = res?.data?.data; const data = res?.data?.data;
setTotalPage(Math.ceil(res?.data?.meta?.totalPage)); setTotalPage(Math.ceil(res?.data?.meta?.totalPage) || 1);
await initUserData(10, data); await initUserData(10, data);
close(); close();
} }
@ -114,7 +114,7 @@ export default function MasterUserLevelTable() {
page: 1, page: 1,
limit: -1, limit: -1,
search: "", search: "",
timeStamp: getUnixTimestamp(), // timeStamp: getUnixTimestamp(),
}; };
const res = await getAllUserLevels(request); const res = await getAllUserLevels(request);
const data = res?.data?.data; const data = res?.data?.data;
@ -140,6 +140,8 @@ export default function MasterUserLevelTable() {
return value; return value;
}); });
setMasterUserLevel(newData); setMasterUserLevel(newData);
} else {
setMasterUserLevel([]);
} }
} }
@ -156,6 +158,7 @@ export default function MasterUserLevelTable() {
}; };
async function doneTyping() { async function doneTyping() {
setPage(1);
fetchData(); fetchData();
} }
@ -331,64 +334,67 @@ export default function MasterUserLevelTable() {
</div> </div>
)} )}
</div> </div>
{masterUserLevelTable && (
<Table <>
// selectionMode="multiple" <Table
aria-label="micro issue table" // selectionMode="multiple"
className="rounded-xl" aria-label="micro issue table"
classNames={{ className="rounded-xl"
th: "bg-white dark:bg-black text-black dark:text-white border-b-1 text-md", classNames={{
base: "bg-white dark:bg-black border", th: "bg-white dark:bg-black text-black dark:text-white border-b-1 text-md",
wrapper: base: "bg-white dark:bg-black border",
"min-h-[50px] bg-transpararent text-black dark:text-white ", wrapper:
}} "min-h-[50px] bg-transpararent text-black dark:text-white ",
> }}
<TableHeader columns={doSetup ? columns2 : columns}> >
{(column) => ( <TableHeader columns={doSetup ? columns2 : columns}>
<TableColumn key={column.uid}> {(column) => (
{column.uid === "setup" ? ( <TableColumn key={column.uid}>
<Checkbox {column.uid === "setup" ? (
isSelected={selectAllLevel} <Checkbox
onValueChange={(e) => { isSelected={selectAllLevel}
doMapping(e); onValueChange={(e) => {
}} doMapping(e);
></Checkbox> }}
) : ( ></Checkbox>
column.name ) : (
column.name
)}
</TableColumn>
)} )}
</TableColumn> </TableHeader>
)} <TableBody
</TableHeader> items={masterUserLevelTable}
<TableBody emptyContent={"No data to display."}
items={masterUserLevelTable} >
emptyContent={"No data to display."} {(item) => (
> <TableRow key={item.id}>
{(item) => ( {(columnKey) => (
<TableRow key={item.id}> <TableCell>{renderCell(item, columnKey)}</TableCell>
{(columnKey) => ( )}
<TableCell>{renderCell(item, columnKey)}</TableCell> </TableRow>
)} )}
</TableRow> </TableBody>
)} </Table>
</TableBody> <div className="mt-2 justify-center flex w-full">
</Table> <Pagination
<div className="mt-2 justify-center flex w-full"> isCompact
<Pagination showControls
isCompact showShadow
showControls color="primary"
showShadow classNames={{
color="primary" base: "bg-transparent",
classNames={{ wrapper: "bg-transparent",
base: "bg-transparent", item: "w-fit px-3",
wrapper: "bg-transparent", cursor: "w-fit px-3",
item: "w-fit px-3", }}
cursor: "w-fit px-3", page={page}
}} total={totalPage}
page={page} onChange={(page) => setPage(page)}
total={totalPage} />
onChange={(page) => setPage(page)} </div>
/> </>
</div> )}
</div> </div>
</div> </div>
</> </>