All files / pages/Admin InstructorsIndexPage.tsx

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
41
42
43
 
 
 
 
 
 
 
 
7x
 
 
 
 
 
 
7x
7x
 
 
 
 
 
 
 
 
 
 
7x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { useBackend } from "main/utils/useBackend";
import BasicLayout from "main/layouts/BasicLayout/BasicLayout";
import RoleEmailTable, {
  type RoleEmail,
} from "main/components/Users/RoleEmailTable";
import { Link } from "react-router";
 
export default function InstructorsIndexPage(): React.JSX.Element {
  const { data: instructors } = useBackend<RoleEmail[]>(
    ["/api/admin/instructors/get"],
    { method: "GET", url: "/api/admin/instructors/get" },
    // Stryker disable next-line all : don't test default value of empty list
    [],
  );
 
  const createButton = () => {
    return (
      <Link
        className="btn btn-primary"
        to="/admin/instructors/create"
        style={{ float: "right" }}
      >
        New Instructor
      </Link>
    );
  };
 
  return (
    <BasicLayout>
      <div className="pt-2">
        {createButton()}
        <h1>Instructors</h1>
        <RoleEmailTable
          data={instructors ?? []}
          deleteEndpoint="/api/admin/instructors/delete"
          getEndpoint="/api/admin/instructors/get"
          testIdPrefix="InstructorsIndexPage"
        />
      </div>
    </BasicLayout>
  );
}