All files / pages/Admin AdminUsersPage.jsx

100% Statements 31/31
100% Branches 1/1
100% Functions 1/1
100% Lines 31/31

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 401x 1x   1x 1x 1x 1x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x     3x 3x 3x 3x 3x 3x 3x 3x 3x         3x   1x  
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(
    // Stryker disable next-line all : don't test internal caching of React Query
    [`/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;