From 36208aacea9651b37e3820b66925ca7d153ca780 Mon Sep 17 00:00:00 2001 From: Alex Holliday Date: Mon, 8 Dec 2025 22:19:07 +0000 Subject: [PATCH] pagespeed fixes --- .../monitors/HistogramPageSpeedScores.tsx | 14 ++++++++++---- client/src/pages/pagespeed/PageSpeedDetails.tsx | 1 - 2 files changed, 10 insertions(+), 5 deletions(-) diff --git a/client/src/components/monitors/HistogramPageSpeedScores.tsx b/client/src/components/monitors/HistogramPageSpeedScores.tsx index cae6bf877..1c8cb47ca 100644 --- a/client/src/components/monitors/HistogramPageSpeedScores.tsx +++ b/client/src/components/monitors/HistogramPageSpeedScores.tsx @@ -12,7 +12,10 @@ import { HistogramPageSpeedScoresTooltip } from "./HistogramPageSpeedScoresToolt import { useTheme } from "@mui/material/styles"; import type { GroupedCheck } from "@/types/check"; import type { Palette } from "@mui/material/styles"; -type PaletteColorKey = Extract; +type PaletteColorKey = Extract< + keyof Palette, + "primary" | "error" | "success" | "warning" +>; export interface ConfigItem { id: string; @@ -24,7 +27,7 @@ const config: Record = { seo: { id: "seo", text: "SEO", - palette: "secondary", + palette: "primary", }, performance: { id: "performance", @@ -39,7 +42,7 @@ const config: Record = { accessibility: { id: "accessibility", text: "accessibility", - palette: "secondary", + palette: "error", }, }; @@ -50,7 +53,10 @@ export const HistogramPageSpeedScores = ({ }) => { const theme = useTheme(); return ( - } title="Score history"> + } + title="Score history" + > { const monitor = response?.data?.monitor; const stats = response?.data?.stats; const checks = response?.data?.checks || []; - console.log(checks); const streakDuration = stats?.currentStreakStartedAt ? Date.now() - stats?.currentStreakStartedAt