feat: add breadcrumbs to other pages

Author: CK-7vn

backend/src/handlers/programs_handler.go

@@ -8,6 +8,7 @@ import (
 	"errors"
 	"fmt"
 	"net/http"
+	"slices"
 	"strconv"
 	"strings"
 	"time"
@@ -276,7 +277,7 @@ func (srv *Server) getCreatedByForHistory(id int, tableName string, pageMeta mod
 		pageMeta.LastPage++
 		pageMeta.Total++
 	}
-	if (args.Total == 0 || (int64(args.Page) == int64(pageMeta.LastPage) && numOfHistoryEvents < args.PerPage)) && (len(categories) == 0 || srv.containsCategory(categories, "info")) { //add get class created by here
+	if (args.Total == 0 || (int64(args.Page) == int64(pageMeta.LastPage) && numOfHistoryEvents < args.PerPage)) && (len(categories) == 0 || slices.Contains(categories, "info")) { //add get class created by here
 		switch tableName {
 		case "programs":
 			createdByDetails, err = srv.Db.GetProgramCreatedAtAndBy(id, args)
@@ -340,12 +341,3 @@ func (srv *Server) handleGetProgramFilters(w http.ResponseWriter, r *http.Reques
 	}
 	return writeJsonResponse(w, http.StatusOK, resp)
 }
-
-func (srv *Server) containsCategory(categories []string, target string) bool {
-	for _, category := range categories {
-		if category == target {
-			return true
-		}
-	}
-	return false
-}

frontend/src/Pages/ResidentProfile.tsx

@@ -10,6 +10,7 @@ import {
     UserRole,
     ValidResident
 } from '@/common';
+import { useBreadcrumb } from '@/Context/BreadcrumbContext';
 import { hasFeature, isUserDeactivated } from '@/useAuth';
 import EngagementRateGraph from '@/Components/EngagementRateGraph';
 import { ResponsiveContainer } from 'recharts';
@@ -110,6 +111,20 @@ const ResidentProfile = () => {
     const [activeTab, setActiveTab] = useState<'libraries' | 'videos'>(
         'libraries'
     );
+    const { setBreadcrumbItems } = useBreadcrumb();
+
+    useEffect(() => {
+        if (metrics?.user) {
+            setBreadcrumbItems([
+                { label: 'Residents', href: '/residents' },
+                {
+                    label: `${metrics.user.name_first} ${metrics.user.name_last}`
+                }
+            ]);
+        }
+        return () => setBreadcrumbItems([]);
+    }, [metrics?.user, setBreadcrumbItems]);
+
     if (!user) return null;
 
     const { avgNumber, weekNumber, avgLabel, weekLabel } =

frontend/src/routeLoaders.ts

@@ -148,18 +148,25 @@ export const getProgramData: LoaderFunction = async ({ params }) => {
     const categories = tagsResp.data as Option[];
     let program: ProgramOverview | undefined;
     let redirect: string | undefined;
+    let breadcrumbs: BreadcrumbItem[] | undefined;
+
     if (program_id) {
         const resp = await API.get(`programs/${program_id}`);
         if (resp.success) {
             program = resp.data as ProgramOverview;
+            breadcrumbs = [
+                { label: 'Programs', href: '/programs' },
+                { label: program.name }
+            ];
         } else {
             redirectOnError(resp);
         }
     }
     return json({
         categories: categories,
         program: program,
-        redirect: redirect
+        redirect: redirect,
+        breadcrumbs
     });
 };