From 30e8ffce04baf75a8731fc35ba755b9150c3e32f Mon Sep 17 00:00:00 2001
From: Jacob <110055706+frog187man@users.noreply.github.com>
Date: Sat, 2 Nov 2024 22:01:52 -0700
Subject: [PATCH 01/11] added flex

---
 src/components/global/navigation/side.tsx | 2 +-
 src/components/ui/navigation-menu.tsx     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/global/navigation/side.tsx b/src/components/global/navigation/side.tsx
index 9d3b669..751e813 100644
--- a/src/components/global/navigation/side.tsx
+++ b/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="w-full text-center flex flex-col ">
         {links.map(({ link, name }, index) => (
           <Link
             key={index}
diff --git a/src/components/ui/navigation-menu.tsx b/src/components/ui/navigation-menu.tsx
index 1e61579..378f5ba 100644
--- a/src/components/ui/navigation-menu.tsx
+++ b/src/components/ui/navigation-menu.tsx
@@ -41,7 +41,7 @@ NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
 const NavigationMenuItem = NavigationMenuPrimitive.Item;
 
 const navigationMenuTriggerStyle = cva(
-  "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50",
+  "group inline-flex h-10 w-max items-center justify-center rounded-md bg-green-400 px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50",
 );
 
 const NavigationMenuTrigger = React.forwardRef<

From b4b45152fd52f0500a9204d262bde5a5f920c7c4 Mon Sep 17 00:00:00 2001
From: Jacob <110055706+frog187man@users.noreply.github.com>
Date: Tue, 5 Nov 2024 14:31:04 -0800
Subject: [PATCH 02/11] added routes

---
 .../{applications => application}/page.tsx    |  2 +-
 .../director/[program]/assignments/page.tsx   |  9 ++++++
 .../director/[program]/profile/[uid]/page.tsx |  9 ++++++
 src/app/director/[program]/view/page.tsx      |  9 ++++++
 src/app/director/contacts/page.tsx            |  9 ++++++
 src/app/director/layout.tsx                   |  2 +-
 src/app/director/leads/page.tsx               |  9 ++++++
 src/components/global/navigation/side.tsx     |  2 +-
 src/components/ui/navigation-menu.tsx         |  4 +--
 src/data/director/navigation.tsx              | 28 +++++++++++++++++--
 10 files changed, 76 insertions(+), 7 deletions(-)
 rename src/app/director/[program]/{applications => application}/page.tsx (80%)
 create mode 100644 src/app/director/[program]/assignments/page.tsx
 create mode 100644 src/app/director/[program]/profile/[uid]/page.tsx
 create mode 100644 src/app/director/[program]/view/page.tsx
 create mode 100644 src/app/director/contacts/page.tsx
 create mode 100644 src/app/director/leads/page.tsx

diff --git a/src/app/director/[program]/applications/page.tsx b/src/app/director/[program]/application/page.tsx
similarity index 80%
rename from src/app/director/[program]/applications/page.tsx
rename to src/app/director/[program]/application/page.tsx
index b26337c..ab3dc03 100644
--- a/src/app/director/[program]/applications/page.tsx
+++ b/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>
   );
 };
diff --git a/src/app/director/[program]/assignments/page.tsx b/src/app/director/[program]/assignments/page.tsx
new file mode 100644
index 0000000..d02a2e7
--- /dev/null
+++ b/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;
diff --git a/src/app/director/[program]/profile/[uid]/page.tsx b/src/app/director/[program]/profile/[uid]/page.tsx
new file mode 100644
index 0000000..25483ee
--- /dev/null
+++ b/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;
diff --git a/src/app/director/[program]/view/page.tsx b/src/app/director/[program]/view/page.tsx
new file mode 100644
index 0000000..e428502
--- /dev/null
+++ b/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;
diff --git a/src/app/director/contacts/page.tsx b/src/app/director/contacts/page.tsx
new file mode 100644
index 0000000..d4a6364
--- /dev/null
+++ b/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;
diff --git a/src/app/director/layout.tsx b/src/app/director/layout.tsx
index 969c15d..a96a9ef 100644
--- a/src/app/director/layout.tsx
+++ b/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>
diff --git a/src/app/director/leads/page.tsx b/src/app/director/leads/page.tsx
new file mode 100644
index 0000000..ce3a0ae
--- /dev/null
+++ b/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;
diff --git a/src/components/global/navigation/side.tsx b/src/components/global/navigation/side.tsx
index 751e813..f12f3a8 100644
--- a/src/components/global/navigation/side.tsx
+++ b/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 flex flex-col ">
+      <div className="flex w-full flex-col gap-2 text-center">
         {links.map(({ link, name }, index) => (
           <Link
             key={index}
diff --git a/src/components/ui/navigation-menu.tsx b/src/components/ui/navigation-menu.tsx
index 378f5ba..cd6ec32 100644
--- a/src/components/ui/navigation-menu.tsx
+++ b/src/components/ui/navigation-menu.tsx
@@ -41,7 +41,7 @@ NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
 const NavigationMenuItem = NavigationMenuPrimitive.Item;
 
 const navigationMenuTriggerStyle = cva(
-  "group inline-flex h-10 w-max items-center justify-center rounded-md bg-green-400 px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50",
+  "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50",
 );
 
 const NavigationMenuTrigger = React.forwardRef<
@@ -125,4 +125,4 @@ export {
   NavigationMenuLink,
   NavigationMenuIndicator,
   NavigationMenuViewport,
-};
+};
\ No newline at end of file
diff --git a/src/data/director/navigation.tsx b/src/data/director/navigation.tsx
index 12b997f..b732e81 100644
--- a/src/data/director/navigation.tsx
+++ b/src/data/director/navigation.tsx
@@ -1,6 +1,30 @@
 export const links = [
+  { 
+    name: "Director",
+    link: "" 
+  },
+  { 
+    name: "Applications", 
+    link: "/director/:program/application" 
+  },
+  { 
+    name: "Leads", 
+    link: "/director/leads" 
+  },
+  { 
+    name: "Directors", 
+    link: "/director/:program/profile/:uid"
+  },
   {
-    name: "Interviews",
-    link: "/admin/interviews",
+    name: "Assignments", 
+    link: "/director/:program/assignments" 
+  },
+  { 
+    name: "View Teams", 
+    link: "/director/:program/view" 
+  },
+  { 
+    name: "Email", 
+    link: "/director/contacts" 
   },
 ];

From 8ee70f5a30fa5385e791032405517ceef832ba37 Mon Sep 17 00:00:00 2001
From: Jacob <110055706+frog187man@users.noreply.github.com>
Date: Tue, 5 Nov 2024 15:05:36 -0800
Subject: [PATCH 03/11] formatted

---
 src/components/ui/navigation-menu.tsx |  2 +-
 src/data/director/navigation.tsx      | 38 +++++++++++++--------------
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/components/ui/navigation-menu.tsx b/src/components/ui/navigation-menu.tsx
index cd6ec32..1e61579 100644
--- a/src/components/ui/navigation-menu.tsx
+++ b/src/components/ui/navigation-menu.tsx
@@ -125,4 +125,4 @@ export {
   NavigationMenuLink,
   NavigationMenuIndicator,
   NavigationMenuViewport,
-};
\ No newline at end of file
+};
diff --git a/src/data/director/navigation.tsx b/src/data/director/navigation.tsx
index b732e81..dffcd42 100644
--- a/src/data/director/navigation.tsx
+++ b/src/data/director/navigation.tsx
@@ -1,30 +1,30 @@
 export const links = [
-  { 
+  {
     name: "Director",
-    link: "" 
+    link: "",
   },
-  { 
-    name: "Applications", 
-    link: "/director/:program/application" 
+  {
+    name: "Applications",
+    link: "/director/:program/application",
   },
-  { 
-    name: "Leads", 
-    link: "/director/leads" 
+  {
+    name: "Leads",
+    link: "/director/leads",
   },
-  { 
-    name: "Directors", 
-    link: "/director/:program/profile/:uid"
+  {
+    name: "Directors",
+    link: "/director/:program/profile/:uid",
   },
   {
-    name: "Assignments", 
-    link: "/director/:program/assignments" 
+    name: "Assignments",
+    link: "/director/:program/assignments",
   },
-  { 
-    name: "View Teams", 
-    link: "/director/:program/view" 
+  {
+    name: "View Teams",
+    link: "/director/:program/view",
   },
-  { 
-    name: "Email", 
-    link: "/director/contacts" 
+  {
+    name: "Email",
+    link: "/director/contacts",
   },
 ];

From bb643c2f56a68b6b58217a6425a87ae785110a86 Mon Sep 17 00:00:00 2001
From: Jacob <110055706+frog187man@users.noreply.github.com>
Date: Sat, 9 Nov 2024 19:21:02 -0800
Subject: [PATCH 04/11] removed additional pages and made links a function

---
 .../director/[program]/application/page.tsx   | 16 +++++------
 .../director/[program]/assignments/page.tsx   |  9 -------
 .../director/[program]/profile/[uid]/page.tsx |  9 -------
 src/app/director/[program]/view/page.tsx      |  9 -------
 src/app/director/contacts/page.tsx            |  9 -------
 src/app/director/layout.tsx                   |  2 +-
 src/app/director/leads/page.tsx               |  9 -------
 src/components/global/navigation/side.tsx     | 27 ++++++++++++-------
 src/data/director/navigation.tsx              |  8 +++---
 9 files changed, 30 insertions(+), 68 deletions(-)
 delete mode 100644 src/app/director/[program]/assignments/page.tsx
 delete mode 100644 src/app/director/[program]/profile/[uid]/page.tsx
 delete mode 100644 src/app/director/[program]/view/page.tsx
 delete mode 100644 src/app/director/contacts/page.tsx
 delete mode 100644 src/app/director/leads/page.tsx

diff --git a/src/app/director/[program]/application/page.tsx b/src/app/director/[program]/application/page.tsx
index ab3dc03..1a7b2e4 100644
--- a/src/app/director/[program]/application/page.tsx
+++ b/src/app/director/[program]/application/page.tsx
@@ -1,9 +1,9 @@
 const Page = () => {
-  return (
-    <div className="flex h-screen w-screen items-center justify-center">
-      Director Ignite Applications
-    </div>
-  );
-};
-
-export default Page;
+    return (
+      <div className="flex h-screen w-screen items-center justify-center">
+        Director Program Application
+      </div>
+    );
+  };
+  
+  export default Page;
\ No newline at end of file
diff --git a/src/app/director/[program]/assignments/page.tsx b/src/app/director/[program]/assignments/page.tsx
deleted file mode 100644
index d02a2e7..0000000
--- a/src/app/director/[program]/assignments/page.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-const Page = () => {
-  return (
-    <div className="flex h-screen w-screen items-center justify-center">
-      Director Assign Teams
-    </div>
-  );
-};
-
-export default Page;
diff --git a/src/app/director/[program]/profile/[uid]/page.tsx b/src/app/director/[program]/profile/[uid]/page.tsx
deleted file mode 100644
index 25483ee..0000000
--- a/src/app/director/[program]/profile/[uid]/page.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-const Page = () => {
-  return (
-    <div className="flex h-screen w-screen items-center justify-center">
-      Director User Profile
-    </div>
-  );
-};
-
-export default Page;
diff --git a/src/app/director/[program]/view/page.tsx b/src/app/director/[program]/view/page.tsx
deleted file mode 100644
index e428502..0000000
--- a/src/app/director/[program]/view/page.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-const Page = () => {
-  return (
-    <div className="flex h-screen w-screen items-center justify-center">
-      Director View Teams
-    </div>
-  );
-};
-
-export default Page;
diff --git a/src/app/director/contacts/page.tsx b/src/app/director/contacts/page.tsx
deleted file mode 100644
index d4a6364..0000000
--- a/src/app/director/contacts/page.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-const Page = () => {
-  return (
-    <div className="flex h-screen w-screen items-center justify-center">
-      Director Contacts
-    </div>
-  );
-};
-
-export default Page;
diff --git a/src/app/director/layout.tsx b/src/app/director/layout.tsx
index a96a9ef..34aaf3b 100644
--- a/src/app/director/layout.tsx
+++ b/src/app/director/layout.tsx
@@ -14,4 +14,4 @@ const Layout = ({ children }: LayoutProps) => {
   );
 };
 
-export default Layout;
+export default Layout;
\ No newline at end of file
diff --git a/src/app/director/leads/page.tsx b/src/app/director/leads/page.tsx
deleted file mode 100644
index ce3a0ae..0000000
--- a/src/app/director/leads/page.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-const Page = () => {
-  return (
-    <div className="flex h-screen w-screen items-center justify-center">
-      Director Leads
-    </div>
-  );
-};
-
-export default Page;
diff --git a/src/components/global/navigation/side.tsx b/src/components/global/navigation/side.tsx
index f12f3a8..79baa77 100644
--- a/src/components/global/navigation/side.tsx
+++ b/src/components/global/navigation/side.tsx
@@ -4,7 +4,7 @@ import Logo from "@/public/logo.webp";
 
 interface link {
   name: string;
-  link: string;
+  link: string | ((program: string, uid: string) => string);
 }
 
 interface props {
@@ -12,20 +12,27 @@ interface props {
 }
 
 const SideNav = ({ links }: props) => {
+
+  const program = "program"; //default dynamic parameters
+  const uid = "uid";
+
   return (
     <nav className="flex h-screen w-[10%] flex-col items-center bg-starlight-blue text-white">
       <Image src={Logo} alt="Starlight Logo" />
 
       <div className="flex w-full flex-col gap-2 text-center">
-        {links.map(({ link, name }, index) => (
-          <Link
-            key={index}
-            href={link}
-            className="!w-full hover:bg-starlight-yellow"
-          >
-            {name}
-          </Link>
-        ))}
+        {links.map(({ link, name }, index) => {
+          const href = typeof link === "function" ? link(program, uid) : link;
+          return (
+            <Link
+              key={index}
+              href={href}
+              className="!w-full hover:bg-starlight-yellow"
+            >
+              {name}
+            </Link>
+          );
+        })}
       </div>
     </nav>
   );
diff --git a/src/data/director/navigation.tsx b/src/data/director/navigation.tsx
index dffcd42..f05a6cc 100644
--- a/src/data/director/navigation.tsx
+++ b/src/data/director/navigation.tsx
@@ -5,7 +5,7 @@ export const links = [
   },
   {
     name: "Applications",
-    link: "/director/:program/application",
+    link: (program?: string) => `/director/${program}/application`,
   },
   {
     name: "Leads",
@@ -13,15 +13,15 @@ export const links = [
   },
   {
     name: "Directors",
-    link: "/director/:program/profile/:uid",
+    link: (program?: string, uid?: string) => `/director/${program}/profile/${uid}`,
   },
   {
     name: "Assignments",
-    link: "/director/:program/assignments",
+    link: (program?: string) => `/director/${program}/assignments`,
   },
   {
     name: "View Teams",
-    link: "/director/:program/view",
+    link: (program?: string) => `/director/${program}/view`,
   },
   {
     name: "Email",

From 88169e2ba9226931b1a9c004f5a1e19fb87c8dd3 Mon Sep 17 00:00:00 2001
From: Jacob <110055706+frog187man@users.noreply.github.com>
Date: Sun, 10 Nov 2024 13:57:10 -0800
Subject: [PATCH 05/11] added links and got rid of additional pages

---
 .../director/[program]/application/page.tsx   | 16 +++++-----
 src/app/director/layout.tsx                   |  2 +-
 src/components/global/navigation/side.tsx     | 29 +++++++------------
 src/data/director/navigation.tsx              | 15 +++++-----
 4 files changed, 28 insertions(+), 34 deletions(-)

diff --git a/src/app/director/[program]/application/page.tsx b/src/app/director/[program]/application/page.tsx
index 1a7b2e4..b26337c 100644
--- a/src/app/director/[program]/application/page.tsx
+++ b/src/app/director/[program]/application/page.tsx
@@ -1,9 +1,9 @@
 const Page = () => {
-    return (
-      <div className="flex h-screen w-screen items-center justify-center">
-        Director Program Application
-      </div>
-    );
-  };
-  
-  export default Page;
\ No newline at end of file
+  return (
+    <div className="flex h-screen w-screen items-center justify-center">
+      Director Program Application
+    </div>
+  );
+};
+
+export default Page;
diff --git a/src/app/director/layout.tsx b/src/app/director/layout.tsx
index 34aaf3b..a96a9ef 100644
--- a/src/app/director/layout.tsx
+++ b/src/app/director/layout.tsx
@@ -14,4 +14,4 @@ const Layout = ({ children }: LayoutProps) => {
   );
 };
 
-export default Layout;
\ No newline at end of file
+export default Layout;
diff --git a/src/components/global/navigation/side.tsx b/src/components/global/navigation/side.tsx
index 79baa77..010f3cb 100644
--- a/src/components/global/navigation/side.tsx
+++ b/src/components/global/navigation/side.tsx
@@ -4,7 +4,7 @@ import Logo from "@/public/logo.webp";
 
 interface link {
   name: string;
-  link: string | ((program: string, uid: string) => string);
+  link: string;
 }
 
 interface props {
@@ -12,27 +12,20 @@ interface props {
 }
 
 const SideNav = ({ links }: props) => {
-
-  const program = "program"; //default dynamic parameters
-  const uid = "uid";
-
   return (
     <nav className="flex h-screen w-[10%] flex-col items-center bg-starlight-blue text-white">
       <Image src={Logo} alt="Starlight Logo" />
 
-      <div className="flex w-full flex-col gap-2 text-center">
-        {links.map(({ link, name }, index) => {
-          const href = typeof link === "function" ? link(program, uid) : link;
-          return (
-            <Link
-              key={index}
-              href={href}
-              className="!w-full hover:bg-starlight-yellow"
-            >
-              {name}
-            </Link>
-          );
-        })}
+      <div className="flex w-full flex-col text-center">
+        {links.map(({ link, name }, index) => (
+          <Link
+            key={index}
+            href={link}
+            className="!w-full hover:bg-starlight-yellow hover:text-black"
+          >
+            {name}
+          </Link>
+        ))}
       </div>
     </nav>
   );
diff --git a/src/data/director/navigation.tsx b/src/data/director/navigation.tsx
index f05a6cc..23e1f06 100644
--- a/src/data/director/navigation.tsx
+++ b/src/data/director/navigation.tsx
@@ -1,30 +1,31 @@
 export const links = [
   {
     name: "Director",
-    link: "",
+    link: () => "",
   },
   {
     name: "Applications",
-    link: (program?: string) => `/director/${program}/application`,
+    link: (program: string) => `/director/${program}/application`,
   },
   {
     name: "Leads",
-    link: "/director/leads",
+    link: () => "/director/leads",
   },
   {
     name: "Directors",
-    link: (program?: string, uid?: string) => `/director/${program}/profile/${uid}`,
+    link: (program: string, uid: string) =>
+      `/director/${program}/profile/${uid}`,
   },
   {
     name: "Assignments",
-    link: (program?: string) => `/director/${program}/assignments`,
+    link: (program: string) => `/director/${program}/assignments`,
   },
   {
     name: "View Teams",
-    link: (program?: string) => `/director/${program}/view`,
+    link: (program: string) => `/director/${program}/view`,
   },
   {
     name: "Email",
-    link: "/director/contacts",
+    link: () => "/director/contacts",
   },
 ];

From f050a178a149db27ebc1b196be6d83f984937670 Mon Sep 17 00:00:00 2001
From: Jacob <110055706+frog187man@users.noreply.github.com>
Date: Sun, 10 Nov 2024 15:40:43 -0800
Subject: [PATCH 06/11] used pathname params

---
 src/app/director/layout.tsx               | 12 +++++++++++-
 src/components/global/navigation/side.tsx |  2 +-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/app/director/layout.tsx b/src/app/director/layout.tsx
index a96a9ef..e240fd8 100644
--- a/src/app/director/layout.tsx
+++ b/src/app/director/layout.tsx
@@ -1,3 +1,6 @@
+"use client";
+
+import { usePathname } from "next/navigation";
 import Navigation from "@/components/global/navigation/side";
 import { links } from "@/data/director/navigation";
 
@@ -6,9 +9,16 @@ type LayoutProps = {
 };
 
 const Layout = ({ children }: LayoutProps) => {
+  const pathname = usePathname();
+  const segments = pathname.split("/");
+  const navigation = links.map(({ name, link }) => ({
+    name,
+    link: link(segments[2], segments[4]),
+  }));
+
   return (
     <div className="flex h-full">
-      <Navigation links={links} />
+      <Navigation links={navigation} />
       {children}
     </div>
   );
diff --git a/src/components/global/navigation/side.tsx b/src/components/global/navigation/side.tsx
index 010f3cb..9ffd0b7 100644
--- a/src/components/global/navigation/side.tsx
+++ b/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="flex w-full flex-col text-center">
+      <div className="flex w-full flex-col gap-2 text-center">
         {links.map(({ link, name }, index) => (
           <Link
             key={index}

From 765a037196445a5796698036ccc64ed8063f0d3d Mon Sep 17 00:00:00 2001
From: Jacob <110055706+frog187man@users.noreply.github.com>
Date: Sun, 10 Nov 2024 20:34:41 -0800
Subject: [PATCH 07/11] retrigger checks


From 5ef9204afaffb9466e648dd6a7448b3a41ce4f3d Mon Sep 17 00:00:00 2001
From: Jacob <110055706+frog187man@users.noreply.github.com>
Date: Sun, 10 Nov 2024 20:36:40 -0800
Subject: [PATCH 08/11] retrigger checks 2

---
 src/components/global/navigation/side.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/global/navigation/side.tsx b/src/components/global/navigation/side.tsx
index 9ffd0b7..010f3cb 100644
--- a/src/components/global/navigation/side.tsx
+++ b/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="flex w-full flex-col gap-2 text-center">
+      <div className="flex w-full flex-col text-center">
         {links.map(({ link, name }, index) => (
           <Link
             key={index}

From 06c7da75a7738a00d8087ed914ac27ee5bb11cac Mon Sep 17 00:00:00 2001
From: Jacob <110055706+frog187man@users.noreply.github.com>
Date: Sun, 10 Nov 2024 22:55:05 -0800
Subject: [PATCH 09/11] Made parameters consistent and added a fallback of I
 gnite and uid123, also made it so that static link segments wont feed into
 dynamic links

---
 src/app/director/layout.tsx      |  7 ++++++-
 src/data/director/navigation.tsx | 12 ++++++------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/app/director/layout.tsx b/src/app/director/layout.tsx
index e240fd8..8214177 100644
--- a/src/app/director/layout.tsx
+++ b/src/app/director/layout.tsx
@@ -8,12 +8,17 @@ type LayoutProps = {
   children: React.ReactNode;
 };
 
+const staticRoutes = ["leads", "contacts"];
 const Layout = ({ children }: LayoutProps) => {
   const pathname = usePathname();
   const segments = pathname.split("/");
+  const isStaticRoute = staticRoutes.includes(segments[2]);
   const navigation = links.map(({ name, link }) => ({
     name,
-    link: link(segments[2], segments[4]),
+    link: link(
+      isStaticRoute ? "Ignite" : segments[2] || "Ignite",
+      segments[4] || "uid123",
+    ),
   }));
 
   return (
diff --git a/src/data/director/navigation.tsx b/src/data/director/navigation.tsx
index 23e1f06..c728bce 100644
--- a/src/data/director/navigation.tsx
+++ b/src/data/director/navigation.tsx
@@ -1,15 +1,15 @@
 export const links = [
   {
     name: "Director",
-    link: () => "",
+    link: (_program: string, _uid: string) => "",
   },
   {
     name: "Applications",
-    link: (program: string) => `/director/${program}/application`,
+    link: (program: string, _uid: string) => `/director/${program}/application`,
   },
   {
     name: "Leads",
-    link: () => "/director/leads",
+    link: (_program: string, _uid: string) => "/director/leads",
   },
   {
     name: "Directors",
@@ -18,14 +18,14 @@ export const links = [
   },
   {
     name: "Assignments",
-    link: (program: string) => `/director/${program}/assignments`,
+    link: (program: string, _uid: string) => `/director/${program}/assignments`,
   },
   {
     name: "View Teams",
-    link: (program: string) => `/director/${program}/view`,
+    link: (program: string, _uid: string) => `/director/${program}/view`,
   },
   {
     name: "Email",
-    link: () => "/director/contacts",
+    link: (_program: string, _uid: string) => "/director/contacts",
   },
 ];

From 48474f29fd76e4d5f072938a308cd0f579b53e07 Mon Sep 17 00:00:00 2001
From: Jacob <110055706+frog187man@users.noreply.github.com>
Date: Mon, 11 Nov 2024 11:39:02 -0800
Subject: [PATCH 10/11] allowed unused arguments starting with _'s

---
 eslint.config.mjs           | 4 ++++
 src/app/director/layout.tsx | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/eslint.config.mjs b/eslint.config.mjs
index 8bf7de4..179e95c 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -28,6 +28,10 @@ export default [
   {
     rules: {
       "react/react-in-jsx-scope": "off",
+      "@typescript-eslint/no-unused-vars": [
+        "error",
+        { argsIgnorePattern: "^_" },
+      ],
     },
   },
 ];
diff --git a/src/app/director/layout.tsx b/src/app/director/layout.tsx
index 8214177..c2530e4 100644
--- a/src/app/director/layout.tsx
+++ b/src/app/director/layout.tsx
@@ -17,7 +17,7 @@ const Layout = ({ children }: LayoutProps) => {
     name,
     link: link(
       isStaticRoute ? "Ignite" : segments[2] || "Ignite",
-      segments[4] || "uid123",
+      segments[4] || "guest",
     ),
   }));
 

From d942277e59fa732adb9e6b55bcb1a6c743b8c98e Mon Sep 17 00:00:00 2001
From: Jacob <110055706+frog187man@users.noreply.github.com>
Date: Mon, 25 Nov 2024 10:03:44 -0800
Subject: [PATCH 11/11] moved logic to navigation

---
 src/app/director/layout.tsx               | 15 +-------------
 src/components/global/navigation/side.tsx | 24 +++++++++++++++++++++--
 2 files changed, 23 insertions(+), 16 deletions(-)

diff --git a/src/app/director/layout.tsx b/src/app/director/layout.tsx
index c2530e4..1c93a8e 100644
--- a/src/app/director/layout.tsx
+++ b/src/app/director/layout.tsx
@@ -1,6 +1,5 @@
 "use client";
 
-import { usePathname } from "next/navigation";
 import Navigation from "@/components/global/navigation/side";
 import { links } from "@/data/director/navigation";
 
@@ -8,22 +7,10 @@ type LayoutProps = {
   children: React.ReactNode;
 };
 
-const staticRoutes = ["leads", "contacts"];
 const Layout = ({ children }: LayoutProps) => {
-  const pathname = usePathname();
-  const segments = pathname.split("/");
-  const isStaticRoute = staticRoutes.includes(segments[2]);
-  const navigation = links.map(({ name, link }) => ({
-    name,
-    link: link(
-      isStaticRoute ? "Ignite" : segments[2] || "Ignite",
-      segments[4] || "guest",
-    ),
-  }));
-
   return (
     <div className="flex h-full">
-      <Navigation links={navigation} />
+      <Navigation links={links} />
       {children}
     </div>
   );
diff --git a/src/components/global/navigation/side.tsx b/src/components/global/navigation/side.tsx
index 010f3cb..0b06189 100644
--- a/src/components/global/navigation/side.tsx
+++ b/src/components/global/navigation/side.tsx
@@ -1,10 +1,13 @@
+"use client";
+
+import { usePathname } from "next/navigation";
 import Image from "next/image";
 import Link from "next/link";
 import Logo from "@/public/logo.webp";
 
 interface link {
   name: string;
-  link: string;
+  link: string | ((_program: string, _uid: string) => string);
 }
 
 interface props {
@@ -12,12 +15,29 @@ interface props {
 }
 
 const SideNav = ({ links }: props) => {
+  const pathname = usePathname();
+  const segments = pathname.split("/");
+
+  const staticRoutePattern = /^(leads|contacts)$/;
+  const isStaticRoute = staticRoutePattern.test(segments[2]);
+  const navigation = links.map(({ name, link }) => {
+    const resolvedLink =
+      typeof link === "function"
+        ? link(
+            isStaticRoute ? "Ignite" : segments[2] || "Ignite",
+            segments[4] || "guest",
+          )
+        : link;
+
+    return { name, link: resolvedLink };
+  });
+
   return (
     <nav className="flex h-screen w-[10%] flex-col items-center bg-starlight-blue text-white">
       <Image src={Logo} alt="Starlight Logo" />
 
       <div className="flex w-full flex-col text-center">
-        {links.map(({ link, name }, index) => (
+        {navigation.map(({ link, name }, index) => (
           <Link
             key={index}
             href={link}