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 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 | 58x 58x 58x 58x 58x | import { Button, Container, Nav, Navbar, NavDropdown } from "react-bootstrap";
import { Link } from "react-router-dom";
import { hasRole } from "main/utils/currentUser";
import AppNavbarLocalhost from "main/components/Nav/AppNavbarLocalhost";
export default function AppNavbar({
currentUser,
systemInfo,
doLogout,
currentUrl = window.location.href,
}) {
// ---------- role helpers ----------
const oauthLogin = systemInfo?.oauthLogin || "/oauth2/authorization/google";
const isAdmin = hasRole(currentUser, "ROLE_ADMIN");
const isProfessor = hasRole(currentUser, "ROLE_PROFESSOR");
const isLoggedIn = currentUser && currentUser.loggedIn;
return (
<>
{/* ---- dev-only banner ---- */}
{(currentUrl.startsWith("http://localhost:3000") ||
currentUrl.startsWith("http://127.0.0.1:3000")) && (
<AppNavbarLocalhost url={currentUrl} />
)}
<Navbar
expand="xl"
variant="dark"
bg="dark"
sticky="top"
data-testid="AppNavbar"
>
<Container>
{/* ---- Brand ---- */}
<Navbar.Brand as={Link} to="/">
Rec Manager
</Navbar.Brand>
<Navbar.Toggle />
{/* ---- Left-aligned util links ---- */}
<Nav className="me-auto">
{systemInfo?.springH2ConsoleEnabled && (
<Nav.Link href="/h2-console">H2Console</Nav.Link>
)}
{systemInfo?.showSwaggerUILink && (
<Nav.Link href="/swagger-ui/index.html">Swagger</Nav.Link>
)}
</Nav>
{/* ---- Everything else ---- */}
<Navbar.Collapse className="justify-content-between">
<Nav className="mr-auto">
{/* ---------- Admin dropdown ---------- */}
{(isAdmin || isProfessor) && (
<NavDropdown
title="Admin"
id="appnavbar-admin-dropdown"
data-testid="appnavbar-admin-dropdown"
>
{/* Users ⇢ admins only */}
{isAdmin && (
<NavDropdown.Item
as={Link}
to="/admin/users"
data-testid="appnavbar-users"
>
Users
</NavDropdown.Item>
)}
<NavDropdown.Item
as={Link}
to="/admin/requests"
data-testid="appnavbar-requests"
>
Requests
</NavDropdown.Item>
</NavDropdown>
)}
{/* ---------- Settings dropdown (Request Types) ---------- */}
{(isAdmin || isProfessor) && (
<NavDropdown
title="Settings"
id="appnavbar-settings-dropdown"
data-testid="appnavbar-settings-dropdown"
>
<NavDropdown.Item
as={Link}
to="/settings/requesttypes"
data-testid="appnavbar-requesttypes"
>
Request Types
</NavDropdown.Item>
</NavDropdown>
)}
{/* ---------- Request-page links ---------- */}
{(hasRole(currentUser, "ROLE_USER") || isProfessor) && (
<>
<Nav.Link as={Link} to="/requests/pending">
Pending Requests
</Nav.Link>
<Nav.Link as={Link} to="/requests/completed">
Completed Requests
</Nav.Link>
<Nav.Link as={Link} to="/requests/statistics">
Statistics
</Nav.Link>
</>
)}
</Nav>
{/* ---- Right-aligned auth section ---- */}
<Nav className="ml-auto">
{isLoggedIn ? (
<>
<Navbar.Text className="me-3" as={Link} to="/profile">
Welcome, {currentUser.root.user.email}
</Navbar.Text>
<Button onClick={doLogout}>Log Out</Button>
</>
) : (
<Button href={oauthLogin}>Log In</Button>
)}
</Nav>
</Navbar.Collapse>
</Container>
</Navbar>
</>
);
}
|