From 6b8f8e096c43f4193a2f24fcdb730b31bccfcace Mon Sep 17 00:00:00 2001
From: hselvaka <hselvaka@uwaterloo.ca>
Date: Fri, 5 Jun 2026 19:41:12 -0400
Subject: [PATCH] Colour-coded nodes by year

---
 src/components/CourseNode.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/CourseNode.tsx b/src/components/CourseNode.tsx
index 377efb9..9fe5eb2 100644
--- a/src/components/CourseNode.tsx
+++ b/src/components/CourseNode.tsx
@@ -8,9 +8,19 @@ export default function CourseNode({ data }: NodeProps<CourseNodeType>) {
   const { selectedCourse, highlightedSet } = useExplorerStore();
   const dimmed = selectedCourse !== null && !highlightedSet.has(data.code);
 
+  const year = data.code.charAt(5);
+
+  const borderColour =
+  year === "1" ? "border-green-500" :
+  year === "2" ? "border-blue-500" :
+  year === "3" ? "border-yellow-500" :
+  year === "4" ? "border-red-500" :
+  "border-gray-300";
+
+
   return (
     <div
-      className="flex flex-col justify-center rounded border border-gray-300 bg-white px-3 py-2 shadow-sm transition-opacity duration-150"
+      className={`flex flex-col justify-center rounded border ${borderColour} bg-white px-3 py-2 shadow-sm transition-opacity duration-150`}
       style={{ width: 180, height: 60, opacity: dimmed ? 0.25 : 1 }}
     >
       <Handle type="target" position={Position.Top} />