pages created with temp page

Author: anthonyych4n

src/app/judging/assigned-teams/page.tsx

@@ -0,0 +1,23 @@
+import { NavBar } from "@/components/judging/Navbar";
+
+const AssignedTeamsPage = () => {
+  const assignedTeams = [
+    { id: 1, name: "Team Alpha" },
+    { id: 2, name: "Team Beta" },
+    { id: 3, name: "Team Gamma" },
+  ];
+
+  return (
+    <div>
+      <NavBar />
+      <h1> Put assinged teams here Assigned Teams</h1>
+      <ul>
+        {assignedTeams.map((team) => (
+          <li key={team.id}>{team.name}</li>
+        ))}
+      </ul>
+    </div>
+  );
+};
+
+export default AssignedTeamsPage;

src/app/judging/rubric/page.tsx

@@ -0,0 +1,13 @@
+import { NavBar } from "@/components/judging/Navbar";
+
+const RubricPage = () => {
+  return (
+    <div>
+      <NavBar />
+      <h1>Judging Rubric here</h1>
+      <ul></ul>
+    </div>
+  );
+};
+
+export default RubricPage;

src/app/judging/schedule/page.tsx

@@ -0,0 +1,48 @@
+"use client";
+
+import { useEffect, useState } from "react";
+
+interface Schedule {
+  teamName: string;
+  timeSlot: string;
+}
+
+const SchedulePage = () => {
+  const [schedule, setSchedule] = useState<Schedule[]>([]);
+
+  useEffect(() => {
+    // Fetch schedule data from an API or define it statically
+    // Template for when we will fetch the schedule
+    const fetchSchedule = async () => {
+      const response = await fetch("/api/schedule");
+      const data = await response.json();
+      setSchedule(data);
+    };
+
+    fetchSchedule();
+  }, []);
+
+  return (
+    <div>
+      <h1>Judging Schedule</h1>
+      <table>
+        <thead>
+          <tr>
+            <th>Team Name</th>
+            <th>Time Slot</th>
+          </tr>
+        </thead>
+        <tbody>
+          {schedule.map((item, index) => (
+            <tr key={index}>
+              <td>{item.teamName}</td>
+              <td>{item.timeSlot}</td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </div>
+  );
+};
+
+export default SchedulePage;

src/components/judging/Navbar.tsx

@@ -11,15 +11,15 @@ export function NavBar() {
     },
     {
       name: "Schedule",
-      href: "/schedule",
+      href: "/judging/schedule",
     },
     {
       name: "Assigned Teams",
-      href: "/assigned-teams",
+      href: "/judging/assigned-teams",
     },
     {
       name: "Rubric",
-      href: "/rubric",
+      href: "/judging/rubric",
     },
   ];