From 199ff731d4104ca87fcba8113e78f3768a747b19 Mon Sep 17 00:00:00 2001 From: Alex Holliday Date: Wed, 19 Mar 2025 13:29:38 -0700 Subject: [PATCH] normalize data for charts --- src/Pages/Uptime/Details/Components/ChartBoxes/index.jsx | 2 +- src/Pages/Uptime/Details/Components/Charts/UpBarChart.jsx | 6 +++--- src/Pages/Uptime/Details/Hooks/useChecksFetch.jsx | 1 - src/Pages/Uptime/Details/index.jsx | 2 -- 4 files changed, 4 insertions(+), 7 deletions(-) diff --git a/src/Pages/Uptime/Details/Components/ChartBoxes/index.jsx b/src/Pages/Uptime/Details/Components/ChartBoxes/index.jsx index 88a3a3eeb..068211f5b 100644 --- a/src/Pages/Uptime/Details/Components/ChartBoxes/index.jsx +++ b/src/Pages/Uptime/Details/Components/ChartBoxes/index.jsx @@ -74,7 +74,7 @@ const ChartBoxes = ({ {hoveredUptimeData !== null - ? Math.floor(hoveredUptimeData?.avgResponseTime ?? 0) + ? Math.floor(hoveredUptimeData?.originalAvgResponseTime ?? 0) : Math.floor(monitorData?.groupedUptimePercentage ?? 0 * 100)} {hoveredUptimeData !== null ? " ms" : " %"} diff --git a/src/Pages/Uptime/Details/Components/Charts/UpBarChart.jsx b/src/Pages/Uptime/Details/Components/Charts/UpBarChart.jsx index 02df41f9a..317147b74 100644 --- a/src/Pages/Uptime/Details/Components/Charts/UpBarChart.jsx +++ b/src/Pages/Uptime/Details/Components/Charts/UpBarChart.jsx @@ -31,7 +31,7 @@ const UpBarChart = memo(({ groupedUpChecks = [], type, onBarHover }) => { data={groupedUpChecks} onMouseEnter={() => { setChartHovered(true); - onBarHover({ time: null, totalChecks: 0, avgResponseTime: 0 }); + onBarHover({ time: null, totalChecks: 0, originalAvgResponseTime: 0 }); }} onMouseLeave={() => { setChartHovered(false); @@ -61,7 +61,7 @@ const UpBarChart = memo(({ groupedUpChecks = [], type, onBarHover }) => { background={{ fill: "transparent" }} > {groupedUpChecks?.map((entry, index) => { - const themeColor = getThemeColor(entry.avgResponseTime); + const themeColor = getThemeColor(entry.originalAvgResponseTime); return ( { hoveredBarIndex === index ? theme.palette[themeColor].main : chartHovered - ? theme.palette[themeColor].light // CAIO_REVIEW + ? theme.palette[themeColor].light : theme.palette[themeColor].main } onMouseEnter={() => { diff --git a/src/Pages/Uptime/Details/Hooks/useChecksFetch.jsx b/src/Pages/Uptime/Details/Hooks/useChecksFetch.jsx index 23c66b084..586cc8359 100644 --- a/src/Pages/Uptime/Details/Hooks/useChecksFetch.jsx +++ b/src/Pages/Uptime/Details/Hooks/useChecksFetch.jsx @@ -16,7 +16,6 @@ export const useChecksFetch = ({ useEffect(() => { if (!monitorType) { - console.warn("Monitor Type is not provided. Fetching checks will not proceed."); return; } diff --git a/src/Pages/Uptime/Details/index.jsx b/src/Pages/Uptime/Details/index.jsx index df5efbca4..be1ccbcd2 100644 --- a/src/Pages/Uptime/Details/index.jsx +++ b/src/Pages/Uptime/Details/index.jsx @@ -72,8 +72,6 @@ const UptimeDetails = () => { rowsPerPage, }); - console.log("render"); - // Handlers const handlePageChange = (_, newPage) => { setPage(newPage);