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 41 42 43 44 45 46 47 48 49 50 51 52 | 7x 7x 7x 7x 7x | import React from "react";
import { useBackend } from "main/utils/useBackend";
import BasicLayout from "main/layouts/BasicLayout/BasicLayout";
import UCSBOrganizationTable from "main/components/UCSBOrganizations/UCSBOrganizationTable";
import { useCurrentUser, hasRole } from "main/utils/currentUser";
import { Button } from "react-bootstrap";
export default function UCSBOrganizationIndexPage() {
const currentUser = useCurrentUser();
/* -------------------- load data -------------------- */
const {
data: ucsbOrganizations,
error: _error,
status: _status,
} = useBackend(
// Stryker disable next-line all
["/api/ucsborganizations/all"],
{ method: "GET", url: "/api/ucsborganizations/all" },
// Stryker disable next-line all
[] /* default empty list */,
);
/* -------------------- Create button ---------------- */
const createButton = () =>
hasRole(currentUser, "ROLE_ADMIN") && (
<Button
variant="primary"
href="/ucsborganizations/create"
style={{ float: "right" }}
data-testid="UCSBOrganizationPage-Create-Button"
>
Create UCSB Organization
</Button>
);
/* -------------------- render ----------------------- */
return (
<BasicLayout>
<div className="pt-2">
{createButton()}
<h1>UCSB Organizations</h1>
<UCSBOrganizationTable
ucsbOrganizations={ucsbOrganizations}
currentUser={currentUser}
/>
</div>
</BasicLayout>
);
}
|