From f6222014b7281af44e11bb4c132a65aad746471a Mon Sep 17 00:00:00 2001 From: ZeinebMegaadi Date: Wed, 15 Apr 2026 14:51:12 +0100 Subject: [PATCH 1/4] Fix: correct Active for display on down monitors --- client/src/Components/monitors/MonitorStatBoxes.tsx | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/client/src/Components/monitors/MonitorStatBoxes.tsx b/client/src/Components/monitors/MonitorStatBoxes.tsx index 044bb71ab..f842c26d8 100644 --- a/client/src/Components/monitors/MonitorStatBoxes.tsx +++ b/client/src/Components/monitors/MonitorStatBoxes.tsx @@ -51,8 +51,12 @@ export const MonitorStatBoxes = ({ > Date: Wed, 15 Apr 2026 16:12:10 +0100 Subject: [PATCH 2/4] updated fix for same issue --- client/src/Components/monitors/MonitorStatBoxes.tsx | 2 +- client/src/locales/en.json | 3 ++- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/client/src/Components/monitors/MonitorStatBoxes.tsx b/client/src/Components/monitors/MonitorStatBoxes.tsx index f842c26d8..38d231c7c 100644 --- a/client/src/Components/monitors/MonitorStatBoxes.tsx +++ b/client/src/Components/monitors/MonitorStatBoxes.tsx @@ -53,7 +53,7 @@ export const MonitorStatBoxes = ({ palette={palette} title={ monitor?.status === "down" - ? t("pages.common.monitors.status.down") + ? t("pages.common.monitors.statBoxes.serviceIsDown") : t("pages.common.monitors.statBoxes.activeFor") } subtitle={monitor?.status === "down" ? "" : streakTime} diff --git a/client/src/locales/en.json b/client/src/locales/en.json index 04e18e3dc..ad4b8a8f3 100644 --- a/client/src/locales/en.json +++ b/client/src/locales/en.json @@ -397,7 +397,8 @@ "activeFor": "Active for", "certificateExpiry": "Certificate expiry", "lastCheck": "Last check", - "lastResponseTime": "Last response time" + "lastResponseTime": "Last response time", + "serviceIsDown": "Service is down" }, "status": { "down": "down", From 58532d1ff65caa0b0417202a78db2f3189d01dc2 Mon Sep 17 00:00:00 2001 From: ZeinebMegaadi Date: Thu, 16 Apr 2026 18:09:05 +0100 Subject: [PATCH 3/4] fix(monitors): handle initializing and breached states in stat box --- client/src/Components/monitors/MonitorStatBoxes.tsx | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/client/src/Components/monitors/MonitorStatBoxes.tsx b/client/src/Components/monitors/MonitorStatBoxes.tsx index 38d231c7c..67e4e6130 100644 --- a/client/src/Components/monitors/MonitorStatBoxes.tsx +++ b/client/src/Components/monitors/MonitorStatBoxes.tsx @@ -42,6 +42,11 @@ export const MonitorStatBoxes = ({ const streakTime = prettyMilliseconds(timeSinceLastFailure, options); const lastCheckTime = prettyMilliseconds(timeSinceLastCheck, options); + const isActive = + monitor?.status === "up" || + monitor?.status === "paused" || + monitor?.status === "initializing" || + monitor?.status === "breached"; const palette = getStatusPalette(monitor?.status); return ( @@ -52,11 +57,11 @@ export const MonitorStatBoxes = ({ Date: Thu, 16 Apr 2026 20:54:09 +0100 Subject: [PATCH 4/4] fix: added maintenance state --- client/src/Components/monitors/MonitorStatBoxes.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/client/src/Components/monitors/MonitorStatBoxes.tsx b/client/src/Components/monitors/MonitorStatBoxes.tsx index 67e4e6130..ac3cf753d 100644 --- a/client/src/Components/monitors/MonitorStatBoxes.tsx +++ b/client/src/Components/monitors/MonitorStatBoxes.tsx @@ -45,6 +45,7 @@ export const MonitorStatBoxes = ({ const isActive = monitor?.status === "up" || monitor?.status === "paused" || + monitor?.status === "maintenance" || monitor?.status === "initializing" || monitor?.status === "breached"; const palette = getStatusPalette(monitor?.status);