From 58532d1ff65caa0b0417202a78db2f3189d01dc2 Mon Sep 17 00:00:00 2001
From: ZeinebMegaadi <zeineb.megaadi@medtech.tn>
Date: Thu, 16 Apr 2026 18:09:05 +0100
Subject: [PATCH] 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 = ({
 			<StatBox
 				palette={palette}
 				title={
-					monitor?.status === "down"
-						? t("pages.common.monitors.statBoxes.serviceIsDown")
-						: t("pages.common.monitors.statBoxes.activeFor")
+					isActive
+						? t("pages.common.monitors.statBoxes.activeFor")
+						: t("pages.common.monitors.statBoxes.serviceIsDown")
 				}
-				subtitle={monitor?.status === "down" ? "" : streakTime}
+				subtitle={isActive ? streakTime : ""}
 			/>
 			<StatBox
 				title={t("pages.common.monitors.statBoxes.lastCheck")}