mirror/Checkmate
1
0
Fork 0
mirror of https://github.com/bluewave-labs/Checkmate.git synced 2026-01-24 10:39:40 -06:00
Code Issues Packages Projects Releases Wiki Activity

normalize data for charts

Browse Source
This commit is contained in:
Alex Holliday
2025-03-19 13:29:38 -07:00
parent 96e4bd8584
commit 199ff731d4
4 changed files with 4 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/Pages/Uptime/Details/Components/ChartBoxes/index.jsx
View File

@@ -74,7 +74,7 @@ const ChartBoxes = ({
</Typography>
<Typography component="span">
{hoveredUptimeData !== null
? Math.floor(hoveredUptimeData?.avgResponseTime ?? 0)
? Math.floor(hoveredUptimeData?.originalAvgResponseTime ?? 0)
: Math.floor(monitorData?.groupedUptimePercentage ?? 0 * 100)}
<Typography component="span">
{hoveredUptimeData !== null ? " ms" : " %"}

6
src/Pages/Uptime/Details/Components/Charts/UpBarChart.jsx
View File

@@ -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 (
<Cell
key={`cell-${entry.time}`}
@@ -69,7 +69,7 @@ const UpBarChart = memo(({ groupedUpChecks = [], type, onBarHover }) => {
hoveredBarIndex === index
? theme.palette[themeColor].main
: chartHovered
? theme.palette[themeColor].light // CAIO_REVIEW
? theme.palette[themeColor].light
: theme.palette[themeColor].main
}
onMouseEnter={() => {

1
src/Pages/Uptime/Details/Hooks/useChecksFetch.jsx
View File

@@ -16,7 +16,6 @@ export const useChecksFetch = ({
useEffect(() => {
if (!monitorType) {
console.warn("Monitor Type is not provided. Fetching checks will not proceed.");
return;
}

2
src/Pages/Uptime/Details/index.jsx
View File

@@ -72,8 +72,6 @@ const UptimeDetails = () => {
rowsPerPage,
});
console.log("render");
// Handlers
const handlePageChange = (_, newPage) => {
setPage(newPage);