From b2c3e08db3311628686ec6a0eb2a31c046270647 Mon Sep 17 00:00:00 2001 From: Alex Holliday Date: Wed, 29 Apr 2026 12:03:23 -0700 Subject: [PATCH] fix reveresed checks --- .../Pages/StatusPage/Status/themes/shared/ThemedHeatmap.tsx | 4 ++-- .../Pages/StatusPage/Status/themes/shared/ThemedHistogram.tsx | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/client/src/Pages/StatusPage/Status/themes/shared/ThemedHeatmap.tsx b/client/src/Pages/StatusPage/Status/themes/shared/ThemedHeatmap.tsx index 8e34dff36..165722530 100644 --- a/client/src/Pages/StatusPage/Status/themes/shared/ThemedHeatmap.tsx +++ b/client/src/Pages/StatusPage/Status/themes/shared/ThemedHeatmap.tsx @@ -31,10 +31,10 @@ export const ThemedHeatmap = ({ checks, containerSx, cellSx }: Props) => { const { t } = useTranslation(); const uiTimezone = useSelector((state: RootState) => state.ui.timezone); - const source = checks.slice(0, CELLS).reverse(); + const source = checks.slice(-CELLS); const padded: (CheckSnapshot | null)[] = [ - ...Array.from({ length: Math.max(0, CELLS - source.length) }, () => null), ...source, + ...Array.from({ length: Math.max(0, CELLS - source.length) }, () => null), ]; return ( diff --git a/client/src/Pages/StatusPage/Status/themes/shared/ThemedHistogram.tsx b/client/src/Pages/StatusPage/Status/themes/shared/ThemedHistogram.tsx index 54036ebfd..f91ad73e5 100644 --- a/client/src/Pages/StatusPage/Status/themes/shared/ThemedHistogram.tsx +++ b/client/src/Pages/StatusPage/Status/themes/shared/ThemedHistogram.tsx @@ -37,10 +37,10 @@ export const ThemedHistogram = ({ const uiTimezone = useSelector((state: RootState) => state.ui.timezone); const { padded, max, avg, peak } = useMemo(() => { - const source = checks.slice(0, CELLS).reverse(); + const source = checks.slice(-CELLS); const out: (CheckSnapshot | null)[] = [ - ...Array.from({ length: Math.max(0, CELLS - source.length) }, () => null), ...source, + ...Array.from({ length: Math.max(0, CELLS - source.length) }, () => null), ]; const valid = out.filter((c): c is CheckSnapshot => c !== null && c.responseTime > 0); const maxRt = valid.length ? Math.max(...valid.map((c) => c.responseTime)) : 1;