added breadcrumbs

acm-ucr · Nov 17, 2024 · 8ff9455 · 8ff9455
1 parent 48f4759
commit 8ff9455
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/src/app/admin/[program]/page.tsx b/src/app/admin/[program]/page.tsx
@@ -3,6 +3,14 @@ import Project from "@/components/programs/project";
 import { Project as ProjectType } from "@/types/projects";
 import { AlertDialog, AlertDialogTrigger } from "@/components/ui/alert-dialog";
 import { Label } from "@/components/ui/label";
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbSeparator,
+} from "@/components/ui/breadcrumb";
+import IgniteF24 from "@/forms/applications/IgniteF24";
 
 const projects: ProjectType[] = [
   {
@@ -23,8 +31,25 @@ const projects: ProjectType[] = [
 ];
 
 const Page = () => {
+  const programName = "Ignite";
   return (
     <div className="">
+      <div className="w-1/2">
+        <Breadcrumb>
+          <BreadcrumbList>
+            <BreadcrumbItem>
+              <BreadcrumbLink href="/">Home</BreadcrumbLink>
+            </BreadcrumbItem>
+            <BreadcrumbSeparator />
+            <BreadcrumbItem>
+              <BreadcrumbLink href={`/form/${IgniteF24}`}>
+                {programName}
+              </BreadcrumbLink>
+            </BreadcrumbItem>
+            <BreadcrumbSeparator />
+          </BreadcrumbList>
+        </Breadcrumb>
+      </div>
       <div className="mx-8 mt-6 flex items-center justify-between">
         <Label className="text-2xl">Ignite 2024 Projects</Label>
         <AlertDialog>