Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | 1x 4x 4x 4x | import BasicLayout from "main/layouts/BasicLayout/BasicLayout";
import UsersTable from "main/components/Users/UsersTable";
import { useBackend } from "main/utils/useBackend";
import OurPagination from "main/components/Common/OurPagination";
import { useState } from "react";
const AdminUsersPage = () => {
const [currentPage, setCurrentPage] = useState(1);
const {
data: users,
error: _error,
status: _status,
} = useBackend(
[`/api/admin/users/${currentPage - 1}`],
{
method: "GET",
url: `/api/admin/users`,
params: { page: currentPage - 1, size: 50, sort: "id" },
},
{ content: [], page: { totalPages: 1 } },
);
return (
<BasicLayout>
<h2>Users</h2>
<UsersTable users={users.content} />
<div className="d-flex justify-content-evenly">
<OurPagination
currentActivePage={currentPage}
updateActivePage={setCurrentPage}
totalPages={users.page.totalPages}
/>
</div>
</BasicLayout>
);
};
export default AdminUsersPage;
|