From 9d899da4de1572f3cab1a59544cb99d28b8bce75 Mon Sep 17 00:00:00 2001
From: geobza <gbiwnl@gmail.com>
Date: Sat, 18 Jul 2026 16:47:25 -0400
Subject: [PATCH 1/2] Add navbar icons #5

---
 package.json              |  1 +
 pnpm-lock.yaml            | 10 ++++++++++
 src/components/Header.tsx | 18 +++++++++++++-----
 3 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 0386f86..c8912b5 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     "@dagrejs/dagre": "^3.0.0",
     "@xyflow/react": "^12.10.2",
     "lucide-react": "^1.22.0",
+    "nvm": "^0.0.4",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",
     "react-router-dom": "^7.15.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e0e5439..e1f6548 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -17,6 +17,9 @@ importers:
       lucide-react:
         specifier: ^1.22.0
         version: 1.22.0(react@19.2.6)
+      nvm:
+        specifier: ^0.0.4
+        version: 0.0.4
       react:
         specifier: ^19.2.6
         version: 19.2.6
@@ -1330,6 +1333,11 @@ packages:
   nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
 
+  nvm@0.0.4:
+    resolution: {integrity: sha512-jvmyELykYcdyd0VCGY0E8Aqe5MngEasVvlPvrcJHbwBMUbVqa72mPdQuPzyTcykEtEx7jDrMY0QA5MoV+8EhgA==}
+    deprecated: This is NOT the correct nvm. Visit https://nvm.sh and use the curl command to install it.
+    hasBin: true
+
   obug@2.1.1:
     resolution: {integrity: sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==}
 
@@ -2956,6 +2964,8 @@ snapshots:
     dependencies:
       boolbase: 1.0.0
 
+  nvm@0.0.4: {}
+
   obug@2.1.1: {}
 
   optionator@0.9.4:
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 920f971..a7cbbde 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -1,24 +1,32 @@
 import { NavLink } from 'react-router-dom';
+import { Network } from 'lucide-react';
+import { CalendarDays } from 'lucide-react';
+
+
+// Import Network, CalendarDays
+
 
 export default function Header() {
   const linkClass = ({ isActive }: { isActive: boolean }) =>
     isActive
-      ? 'text-sm font-medium text-red-600'
-      : 'text-sm text-gray-600 hover:text-gray-900';
+      ? 'flex items-center gap-1.5 text-sm font-medium text-red-600'
+      : 'flex items-center gap-1.5 text-sm text-gray-600 hover:text-gray-900';
 
   return (
+
     <header className="flex h-14 flex-none items-center gap-6 border-b border-gray-200 bg-white px-6">
       <span className="font-semibold text-gray-900">
         Carleton CS Course Graph
       </span>
-      <nav className="flex gap-4">
+      <nav className="flex items-center gap-6">
         <NavLink to="/explorer" className={linkClass}>
-          Explorer
+          <Network size={20}/> Explorer
         </NavLink>
         <NavLink to="/planner" className={linkClass}>
-          Planner
+          <CalendarDays size={20}/> Planner
         </NavLink>
       </nav>
     </header>
+
   );
 }

From f8ef3d2ec7fd19522684327be2f7324081030fa8 Mon Sep 17 00:00:00 2001
From: geobza <gbiwnl@gmail.com>
Date: Sat, 18 Jul 2026 16:54:31 -0400
Subject: [PATCH 2/2] fix format check error

---
 src/components/Header.tsx | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index a7cbbde..07e5c08 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -2,10 +2,8 @@ import { NavLink } from 'react-router-dom';
 import { Network } from 'lucide-react';
 import { CalendarDays } from 'lucide-react';
 
-
 // Import Network, CalendarDays
 
-
 export default function Header() {
   const linkClass = ({ isActive }: { isActive: boolean }) =>
     isActive
@@ -13,20 +11,18 @@ export default function Header() {
       : 'flex items-center gap-1.5 text-sm text-gray-600 hover:text-gray-900';
 
   return (
-
     <header className="flex h-14 flex-none items-center gap-6 border-b border-gray-200 bg-white px-6">
       <span className="font-semibold text-gray-900">
         Carleton CS Course Graph
       </span>
       <nav className="flex items-center gap-6">
         <NavLink to="/explorer" className={linkClass}>
-          <Network size={20}/> Explorer
+          <Network size={20} /> Explorer
         </NavLink>
         <NavLink to="/planner" className={linkClass}>
-          <CalendarDays size={20}/> Planner
+          <CalendarDays size={20} /> Planner
         </NavLink>
       </nav>
     </header>
-
   );
 }