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 => (
+