Move tooltipLabels into chart datasets

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

src/renderer/components/+cluster/cluster-pie-charts.tsx

@@ -156,16 +156,16 @@ const NonInjectedClusterPieCharts = observer(({ clusterOverviewStore }: Dependen
           ],
           id: "podUsage",
           label: "Usage",
+          tooltipLabels: [
+            (percent) => `Usage: ${percent}`,
+            (percent) => `Available: ${percent}`,
+          ],
         },
       ],
       labels: [
         `Usage: ${podUsage || 0}`,
         `Capacity: ${podAllocatableCapacity}`,
       ],
-      tooltipLabels: [
-        (percent) => `Usage: ${percent}`,
-        (percent) => `Available: ${percent}`,
-      ],
     };
 
     return (

src/renderer/components/chart/chart.tsx

@@ -13,12 +13,12 @@ import { Badge } from "../badge";
 
 export interface ChartData extends ChartJS.ChartData {
   datasets?: ChartDataSets[];
-  tooltipLabels?: ChartTooltipLabel[];
 }
 
 export interface ChartDataSets extends ChartJS.ChartDataSets {
   id?: string;
   tooltip?: string;
+  tooltipLabels?: ChartTooltipLabel[];
 }
 
 export interface ChartProps {
@@ -37,7 +37,7 @@ export interface ChartProps {
   className?: string;
 }
 
-type ChartTooltipLabel = (percent: string) => string | string;
+export type ChartTooltipLabel = (percent: string) => string | string;
 
 export enum ChartKind {
   PIE = "pie",

src/renderer/components/chart/pie-chart.tsx

@@ -34,7 +34,7 @@ export class PieChart extends React.Component<PieChartProps> {
             const total = datasetData.reduce((acc, cur) => acc + cur, 0);
             const percent = Math.round((dataset.data[tooltipItem["index"]] as number / total) * 100);
             const percentLabel = isNaN(percent) ? "N/A" : `${percent}%`;
-            const tooltipLabel = data.tooltipLabels?.[tooltipItem["index"]];
+            const tooltipLabel = dataset.tooltipLabels?.[tooltipItem["index"]];
             let tooltip = `${dataset["label"]}: ${percentLabel}`;
 
             if (tooltipLabel) {