Added selected project in Breadcrumbs

harness · Dec 20, 2024 · 40317ff · 40317ff
1 parent 1104380
commit 40317ff
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/apps/gitness/src/AppMFE.tsx b/apps/gitness/src/AppMFE.tsx
@@ -108,7 +108,7 @@ export default function AppMFE({
               onRouteChange={onRouteChange}
               locationPathname={locationPathname}
             />
-            <BreadcrumbsNew />
+            <BreadcrumbsNew selectedProject={scope.projectIdentifier || '...'} />
             <Outlet />
           </>
         ),

diff --git a/apps/gitness/src/components/breadcrumbs/breadcrumbs-new.tsx b/apps/gitness/src/components/breadcrumbs/breadcrumbs-new.tsx
@@ -10,7 +10,7 @@ import {
   Topbar
 } from '@harnessio/ui/components'
 
-function BreadcrumbsNew() {
+function BreadcrumbsNew({ selectedProject }: { selectedProject: string }) {
   const matches = useMatches()
 
   return (
@@ -19,7 +19,8 @@ function BreadcrumbsNew() {
         <Breadcrumb className="select-none">
           <BreadcrumbList>
             <nav className="flex items-start gap-1">
-              <span className="ml-1">Selected Project</span>
+              <span className="ml-1">{selectedProject}</span>
+
               {matches.map((match, index) => {
                 /** @ts-expect-error should be of type "CustomHandle". @TODO fix this properly */
                 const { breadcrumb } = match.handle || {}