#38 Made instructor specific links on the navbar

frontend/src/components/MyNavbar.jsx

@@ -6,6 +6,13 @@ import UserContext from "../contexts/UserContext";
 const MyNavbar = () => {
   const { currentUser } = useContext(UserContext);
 
+  const instructorLinks = [
+    {
+      label: "Manage Courses",
+      link: "/manage",
+    },
+  ];
+
   const MyLink = ({ children, ...rest }) => {
     return (
       <Nav.Link as={Link} {...rest}>
@@ -17,11 +24,17 @@ const MyNavbar = () => {
   return (
     <Navbar variant="dark" bg="dark" expand="lg">
       <Container>
-        <Navbar.Brand as={Link} href="/">LearningTree</Navbar.Brand>
+        <Navbar.Brand as={Link} href="/">
+          LearningTree
+        </Navbar.Brand>
         <Navbar.Toggle aria-controls="navbar-nav" />
         <Navbar.Collapse id="navbar-nav">
           <Nav className="ms-auto">
             <MyLink href="/">Home</MyLink>
+            {currentUser?.role === "instructor" &&
+              instructorLinks.map((item) => {
+                return <MyLink href={item.link}>{item.label}</MyLink>;
+              })}
             {(currentUser?.id && <MyLink href="/logout">Logout</MyLink>) || (
               <MyLink href="/login">Login</MyLink>
             )}