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