From 75309fc53c1ff7e98cfba50169ad2e570f8691ee Mon Sep 17 00:00:00 2001
From: Deepanshu <deepanshusaini2711@gmail.com>
Date: Tue, 17 Jun 2025 17:36:06 +0530
Subject: [PATCH] chore: add URL_TRUNCATE_LENGTH

---
 client/src/Components/MonitorDetailsControlHeader/status.jsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/client/src/Components/MonitorDetailsControlHeader/status.jsx b/client/src/Components/MonitorDetailsControlHeader/status.jsx
index 65671a609..717cf31d9 100644
--- a/client/src/Components/MonitorDetailsControlHeader/status.jsx
+++ b/client/src/Components/MonitorDetailsControlHeader/status.jsx
@@ -24,6 +24,7 @@ import { formatMonitorUrl } from "../../Utils/utils";
 const Status = ({ monitor }) => {
 	const theme = useTheme();
 	const { statusColor, determineState } = useMonitorUtils();
+	const URL_TRUNCATION_LENGTH = 55;
 
 	return (
 		<Stack>
@@ -34,7 +35,9 @@ const Status = ({ monitor }) => {
 				gap={theme.spacing(4)}
 			>
 				<PulseDot color={statusColor[determineState(monitor)]} />
-				<Typography variant="monitorUrl">{formatMonitorUrl(monitor?.url)}</Typography>
+				<Typography variant="monitorUrl">
+					{formatMonitorUrl(monitor?.url, URL_TRUNCATION_LENGTH)}
+				</Typography>
 				<Dot />
 				<Typography>
 					Checking every {formatDurationRounded(monitor?.interval)}.