All files / pages/Admin AdminUsersPage.jsx

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

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 40 411x 1x   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";
import React 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;