All files / pages StudentsIndexPage.js

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
 
 
 
 
 
 
 
 
 
12x
 
 
 
 
 
12x
 
 
 
 
 
 
12x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from "react";
import { useBackend } from "main/utils/useBackend";
import StudentsTable from "main/components/Students/StudentsTable";
 
import BasicLayout from "main/layouts/BasicLayout/BasicLayout";
import { Button, Row, Col } from "react-bootstrap";
import { useCurrentUser} from "main/utils/currentUser";
 
export default function StudentsIndexPage() {
  const currentUser = useCurrentUser();
 
  const {
    data: students,
    error: _error,
    status: _status,
  } = useBackend(
    // Stryker disable next-line all : don't test internal caching of React Query
    ["/api/Students/all"],
    { method: "GET", url: "/api/Students/all" },
    [],
  );
 
  return (
    <BasicLayout>
      <div className="pt-2">
        <Row className="align-items-center mb-3">
          <Col xs="auto">
            <h1 className="mb-0">Students</h1>
          </Col>
          <Col xs="auto" className="ml-auto">
            <Button variant="primary" href="/admin/Students/create">
              Create Student
            </Button>
          </Col>
        </Row>
        <StudentsTable students={students} currentUser={currentUser} />
      </div>
    </BasicLayout>
  );
}