devops/encoach_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated the pagination on the useUsers and migrading the grading

Browse Source
This commit is contained in:
Tiago Ribeiro
2024-09-07 16:53:58 +01:00
parent 417c9176fe
commit 56f374bbfe
5 changed files with 45 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/pages/(admin)/Lists/UserList.tsx
View File

@@ -58,13 +58,18 @@ export default function UserList({
const [sorter, setSorter] = useState<string>();
const [displayUsers, setDisplayUsers] = useState<User[]>([]);
const [selectedUser, setSelectedUser] = useState<User>();
const [page, setPage] = useState(0);
const userHash = useMemo(() => ({
type,
size: 25,
}), [type])
const userHash = useMemo(
() => ({
type,
size: 25,
page,
}),
[type, page],
);
const {users, page, total, reload, next, previous} = useUsers(userHash);
const {users, total, reload} = useUsers(userHash);
const {permissions} = usePermissions(user?.id || "");
const {balance} = useUserBalance();
const {groups} = useGroups({
@@ -620,10 +625,10 @@ export default function UserList({
</Button>
</div>
<div className="w-full flex gap-2 justify-between">
<Button className="w-full max-w-[200px]" disabled={page === 0} onClick={previous}>
<Button className="w-full max-w-[200px]" disabled={page === 0} onClick={() => setPage((prev) => prev - 1)}>
Previous Page
</Button>
<Button className="w-full max-w-[200px]" disabled={page * 25 >= total} onClick={next}>
<Button className="w-full max-w-[200px]" disabled={page * 25 >= total} onClick={() => setPage((prev) => prev + 1)}>
Next Page
</Button>
</div>