Battlesnake/frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

nave items displayed based on role

Browse source
This commit is contained in:
JBB0807 2025-05-05 23:51:35 -07:00
parent 4ee194f102
commit a28dc7d356
1 changed files with 18 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/components/Navbar.jsx
View file

@ -14,7 +14,7 @@ const Navbar = () => {
async function handleLogout() {
window.open(`${authUrl}/auth/logout`, "_self");
};
}
useEffect(() => {
// Set active link based on current path
@ -128,18 +128,22 @@ const Navbar = () => {
<span className="navbar__link-hover"></span>
</Link>
</li> */}
<li>
<Link
to="/assignment"
className={`navbar__link ${
activeLink === "/assignment" ? "navbar__link--active" : ""
}`}
>
<span className="navbar__link-icon">🎯</span>
<span className="navbar__link-text">ASSIGNMENT</span>
<span className="navbar__link-hover"></span>
</Link>
</li>
{user && user.role === "instructor" && (
<li>
<Link
to="/assignment"
className={`navbar__link ${
activeLink === "/assignment" ? "navbar__link--active" : ""
}`}
>
<span className="navbar__link-icon">🎯</span>
<span className="navbar__link-text">ASSIGNMENT</span>
<span className="navbar__link-hover"></span>
</Link>
</li>
)}
{user && user.role === "student" && (
<li>
<Link
to="/editor"
@ -152,6 +156,7 @@ const Navbar = () => {
<span className="navbar__link-hover"></span>
</Link>
</li>
)}
<li>
{user ? (
<a