Added Director Nav Links

src/app/director/[program]/applications/page.tsx → src/app/director/[program]/application/page.tsx

@@ -1,7 +1,7 @@
 const Page = () => {
   return (
     <div className="flex h-screen w-screen items-center justify-center">
-      Director Program Application
+      Director Ignite Applications
     </div>
   );
 };

src/app/director/[program]/assignments/page.tsx

@@ -0,0 +1,9 @@
+const Page = () => {
+  return (
+    <div className="flex h-screen w-screen items-center justify-center">
+      Director Assign Teams
+    </div>
+  );
+};
+
+export default Page;

src/app/director/[program]/profile/[uid]/page.tsx

@@ -0,0 +1,9 @@
+const Page = () => {
+  return (
+    <div className="flex h-screen w-screen items-center justify-center">
+      Director User Profile
+    </div>
+  );
+};
+
+export default Page;

src/app/director/[program]/view/page.tsx

@@ -0,0 +1,9 @@
+const Page = () => {
+  return (
+    <div className="flex h-screen w-screen items-center justify-center">
+      Director View Teams
+    </div>
+  );
+};
+
+export default Page;

src/app/director/contacts/page.tsx

@@ -0,0 +1,9 @@
+const Page = () => {
+  return (
+    <div className="flex h-screen w-screen items-center justify-center">
+      Director Contacts
+    </div>
+  );
+};
+
+export default Page;

src/app/director/layout.tsx

@@ -7,7 +7,7 @@ type LayoutProps = {
 
 const Layout = ({ children }: LayoutProps) => {
   return (
-    <div className="h-full">
+    <div className="flex h-full">
       <Navigation links={links} />
       {children}
     </div>

src/app/director/leads/page.tsx

@@ -0,0 +1,9 @@
+const Page = () => {
+  return (
+    <div className="flex h-screen w-screen items-center justify-center">
+      Director Leads
+    </div>
+  );
+};
+
+export default Page;

src/components/global/navigation/side.tsx

@@ -16,7 +16,7 @@ const SideNav = ({ links }: props) => {
     <nav className="flex h-screen w-[10%] flex-col items-center bg-starlight-blue text-white">
       <Image src={Logo} alt="Starlight Logo" />
 
-      <div className="w-full text-center">
+      <div className="flex w-full flex-col gap-2 text-center">
         {links.map(({ link, name }, index) => (
           <Link
             key={index}

src/data/director/navigation.tsx

@@ -1,6 +1,30 @@
 export const links = [
   {
-    name: "Interviews",
-    link: "/admin/interviews",
+    name: "Director",
+    link: "",
+  },
+  {
+    name: "Applications",
+    link: "/director/:program/application",
+  },
+  {
+    name: "Leads",
+    link: "/director/leads",
+  },
+  {
+    name: "Directors",
+    link: "/director/:program/profile/:uid",
+  },
+  {
+    name: "Assignments",
+    link: "/director/:program/assignments",
+  },
+  {
+    name: "View Teams",
+    link: "/director/:program/view",
+  },
+  {
+    name: "Email",
+    link: "/director/contacts",
   },
 ];