diff --git a/workspaces/frontend/src/app/pages/WorkspaceKinds/summary/WorkspaceKindSummary.tsx b/workspaces/frontend/src/app/pages/WorkspaceKinds/summary/WorkspaceKindSummary.tsx index 8a6e02dca..c1f2b94a9 100644 --- a/workspaces/frontend/src/app/pages/WorkspaceKinds/summary/WorkspaceKindSummary.tsx +++ b/workspaces/frontend/src/app/pages/WorkspaceKinds/summary/WorkspaceKindSummary.tsx @@ -1,10 +1,10 @@ import React, { useCallback, useRef, useState } from 'react'; -import { Button } from '@patternfly/react-core/dist/esm/components/Button'; import { Content, ContentVariants } from '@patternfly/react-core/dist/esm/components/Content'; import { PageSection } from '@patternfly/react-core/dist/esm/components/Page'; import { Stack, StackItem } from '@patternfly/react-core/dist/esm/layouts/Stack'; -import { ArrowLeftIcon } from '@patternfly/react-icons/dist/esm/icons/arrow-left-icon'; -import { useTypedLocation, useTypedNavigate, useTypedParams } from '~/app/routerHelper'; +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 WorkspaceTable, { WorkspaceTableFilteredColumn, WorkspaceTableRef, @@ -18,7 +18,6 @@ import { useWorkspaceRowActions } from '~/app/hooks/useWorkspaceRowActions'; import { usePolling } from '~/app/hooks/usePolling'; const WorkspaceKindSummary: React.FC = () => { - const navigate = useTypedNavigate(); const [isSummaryExpanded, setIsSummaryExpanded] = useState(true); const { state } = useTypedLocation<'workspaceKindSummary'>(); @@ -56,18 +55,15 @@ const WorkspaceKindSummary: React.FC = () => { } return ( - + - + + Workspace Kinds + + Workspaces in {kind} + + {kind} @@ -83,7 +79,7 @@ const WorkspaceKindSummary: React.FC = () => { onAddFilter={onAddFilter} /> - + + Workspaces summary @@ -62,7 +57,7 @@ const WorkspaceKindSummaryExpandableCard: React.FC - + {countGpusFromWorkspaces(filterRunningWorkspaces(workspaces))} GPUs @@ -73,29 +68,25 @@ const WorkspaceKindSummaryExpandableCard: React.FC - - - + - - Idle GPU workspaces - + Idle GPU Workspaces - - - + + + {topGpuConsumersByNamespace.length > 0 ? ( topGpuConsumersByNamespace.map(([ns, record]) => ( @@ -112,7 +103,7 @@ const WorkspaceKindSummaryExpandableCard: React.FC )} - + @@ -134,7 +125,6 @@ const SectionFlex: React.FC = ({ children, title }) => ( {title}