kubeflow
/
notebooks
mirror of https://github.com/kubeflow/notebooks.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: fixed workspace kind summary breadcrumb navigation (#535) 

Signed-off-by: paulovmr <832830+paulovmr@users.noreply.github.com>
This commit is contained in:
Paulo Rego 2025-08-20 15:17:05 -03:00 committed by Bhakti Narvekar
parent 1f5c6e1fcb
commit 1950ea37b5
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
workspaces/frontend/src/app/pages/WorkspaceKinds/summary/WorkspaceKindSummary.tsx
View File

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