nave items displayed based on role

This commit is contained in:
JBB0807 2025-05-05 23:51:35 -07:00
parent 4ee194f102
commit a28dc7d356

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,6 +128,8 @@ const Navbar = () => {
<span className="navbar__link-hover"></span> <span className="navbar__link-hover"></span>
</Link> </Link>
</li> */} </li> */}
{user && user.role === "instructor" && (
<li> <li>
<Link <Link
to="/assignment" to="/assignment"
@ -140,6 +142,8 @@ const Navbar = () => {
<span className="navbar__link-hover"></span> <span className="navbar__link-hover"></span>
</Link> </Link>
</li> </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