From 8d33fa9441d56c9b338107644b8f1d3c8d771769 Mon Sep 17 00:00:00 2001
From: gearnode <bryan@frimin.fr>
Date: Wed, 19 Feb 2025 14:50:24 +0100
Subject: [PATCH] Fix breadcrump value

Signed-off-by: gearnode <bryan@frimin.fr>
---
 apps/console/src/pages/FrameworkOverviewPage.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/apps/console/src/pages/FrameworkOverviewPage.tsx b/apps/console/src/pages/FrameworkOverviewPage.tsx
index ee5f16ec1..d22f18aef 100644
--- a/apps/console/src/pages/FrameworkOverviewPage.tsx
+++ b/apps/console/src/pages/FrameworkOverviewPage.tsx
@@ -12,6 +12,7 @@ import { Progress } from "@/components/ui/progress";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import type { FrameworkOverviewPageQuery as FrameworkOverviewPageQueryType } from "./__generated__/FrameworkOverviewPageQuery.graphql";
 import { Helmet } from "react-helmet-async";
+import { useBreadcrumb } from "@/contexts/BreadcrumbContext";
 
 const FrameworkOverviewPageQuery = graphql`
   query FrameworkOverviewPageQuery($frameworkId: ID!) {
@@ -42,9 +43,16 @@ function FrameworkOverviewPageContent({
   queryRef: PreloadedQuery<FrameworkOverviewPageQueryType>;
 }) {
   const data = usePreloadedQuery(FrameworkOverviewPageQuery, queryRef);
+  const { setBreadcrumbSegment } = useBreadcrumb();
   const framework = data.node;
   const controls = framework.controls?.edges.map((edge) => edge?.node) ?? [];
 
+  useEffect(() => {
+    if (framework?.name) {
+      setBreadcrumbSegment("frameworks/:id", framework.name);
+    }
+  }, [framework?.name, setBreadcrumbSegment]);
+
   // Group controls by their category
   const controlsByCategory = controls.reduce(
     (acc, control) => {