nave items displayed based on role
This commit is contained in:
parent
4ee194f102
commit
a28dc7d356
1 changed files with 18 additions and 13 deletions
|
|
@ -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
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue