diff --git a/frontend/src/components/common/Chart.tsx b/frontend/src/components/common/Chart.tsx index 5827d75df58..1cbc40884e0 100644 --- a/frontend/src/components/common/Chart.tsx +++ b/frontend/src/components/common/Chart.tsx @@ -28,7 +28,7 @@ export interface PercentageCircleProps { size?: number; dataKey?: string; label?: string | null; - title?: string | null; + title?: string | JSX.Element | null; legend?: string | null; total?: number; totalProps?: { diff --git a/frontend/src/components/workload/Overview.tsx b/frontend/src/components/workload/Overview.tsx index d02a77e3917..84bcefd1c7e 100644 --- a/frontend/src/components/workload/Overview.tsx +++ b/frontend/src/components/workload/Overview.tsx @@ -13,6 +13,7 @@ import Pod from '../../lib/k8s/pod'; import ReplicaSet from '../../lib/k8s/replicaSet'; import StatefulSet from '../../lib/k8s/statefulSet'; import { getReadyReplicas, getTotalReplicas } from '../../lib/util'; +import Link from '../common/Link'; import { PageGrid, ResourceLink } from '../common/Resource'; import ResourceListView from '../common/Resource/ResourceListView'; import { SectionBox } from '../common/SectionBox'; @@ -93,16 +94,21 @@ export default function Overview() { ); }); + function ChartLink(workload: KubeObject) { + const linkName = workload.pluralName; + return {linkName}; + } + return ( - {workloads.map(({ className: name }) => ( - + {workloads.map(workload => ( +