fix: heatmap colouring based on max value

2026-01-28 19:00:05 +00:00
parent 1466b05bde
commit 855546677f
1 changed files with 7 additions and 1 deletions
--- a/frontend/src/stats/ActivityHeatmap.tsx
+++ b/frontend/src/stats/ActivityHeatmap.tsx
@@ -44,6 +44,12 @@ const convertWeeklyData = (dataset: ApiRow[]): ChartSeries[] => {
 const ActivityHeatmap = ({ data }: ActivityHeatmapProps) => {
    const convertedData = convertWeeklyData(data);

+    const maxValue = Math.max(
+    ...convertedData.flatMap(day =>
+      day.data.map(point => point.y)
+    )
+  );
+
    return (
            <ResponsiveHeatMap /* or HeatMap for fixed dimensions */
                data={convertedData}
@@ -56,7 +62,7 @@ const ActivityHeatmap = ({ data }: ActivityHeatmapProps) => {
                    scheme: 'red_yellow_blue',
                    divergeAt: 0.3,
                    minValue: 0,
-                    maxValue: 20
+                    maxValue: maxValue
                }}
        />
    )