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