From 1950ea37b5f3d31410e6bf40cc64487f33cba817 Mon Sep 17 00:00:00 2001
From: Paulo Rego <832830+paulovmr@users.noreply.github.com>
Date: Wed, 20 Aug 2025 15:17:05 -0300
Subject: [PATCH] fix: fixed workspace kind summary breadcrumb navigation
 (#535)

Signed-off-by: paulovmr <832830+paulovmr@users.noreply.github.com>
---
 .../pages/WorkspaceKinds/summary/WorkspaceKindSummary.tsx  | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/workspaces/frontend/src/app/pages/WorkspaceKinds/summary/WorkspaceKindSummary.tsx b/workspaces/frontend/src/app/pages/WorkspaceKinds/summary/WorkspaceKindSummary.tsx
index 18367fca..7cf7d3de 100644
--- a/workspaces/frontend/src/app/pages/WorkspaceKinds/summary/WorkspaceKindSummary.tsx
+++ b/workspaces/frontend/src/app/pages/WorkspaceKinds/summary/WorkspaceKindSummary.tsx
@@ -4,7 +4,7 @@ import { PageSection } from '@patternfly/react-core/dist/esm/components/Page';
 import { Stack, StackItem } from '@patternfly/react-core/dist/esm/layouts/Stack';
 import { Breadcrumb } from '@patternfly/react-core/dist/esm/components/Breadcrumb';
 import { BreadcrumbItem } from '@patternfly/react-core/dist/esm/components/Breadcrumb/BreadcrumbItem';
-import { useTypedLocation, useTypedParams } from '~/app/routerHelper';
+import { useTypedLocation, useTypedNavigate, useTypedParams } from '~/app/routerHelper';
 import WorkspaceTable, { WorkspaceTableRef } from '~/app/components/WorkspaceTable';
 import { useWorkspacesByKind } from '~/app/hooks/useWorkspaces';
 import WorkspaceKindSummaryExpandableCard from '~/app/pages/WorkspaceKinds/summary/WorkspaceKindSummaryExpandableCard';
@@ -17,6 +17,7 @@ import { usePolling } from '~/app/hooks/usePolling';
 const WorkspaceKindSummary: React.FC = () => {
   const [isSummaryExpanded, setIsSummaryExpanded] = useState(true);
 
+  const navigate = useTypedNavigate();
   const { state } = useTypedLocation<'workspaceKindSummary'>();
   const { namespace, imageId, podConfigId } = state || {};
   const { kind } = useTypedParams<'workspaceKindSummary'>();
@@ -62,7 +63,9 @@ const WorkspaceKindSummary: React.FC = () => {
       <Stack hasGutter>
         <StackItem>
           <Breadcrumb>
-            <BreadcrumbItem to="workspaceKinds">Workspace Kinds</BreadcrumbItem>
+            <BreadcrumbItem component="button" onClick={() => navigate('workspaceKinds')}>
+              Workspace Kinds
+            </BreadcrumbItem>
             <BreadcrumbItem to="#" isActive>
               Workspaces in {kind}
             </BreadcrumbItem>