diff --git a/client/src/Components/MonitorDetailsControlHeader/status.jsx b/client/src/Components/MonitorDetailsControlHeader/status.jsx index 717cf31d9..65671a609 100644 --- a/client/src/Components/MonitorDetailsControlHeader/status.jsx +++ b/client/src/Components/MonitorDetailsControlHeader/status.jsx @@ -24,7 +24,6 @@ import { formatMonitorUrl } from "../../Utils/utils"; const Status = ({ monitor }) => { const theme = useTheme(); const { statusColor, determineState } = useMonitorUtils(); - const URL_TRUNCATION_LENGTH = 55; return ( @@ -35,9 +34,7 @@ const Status = ({ monitor }) => { gap={theme.spacing(4)} > - - {formatMonitorUrl(monitor?.url, URL_TRUNCATION_LENGTH)} - + {formatMonitorUrl(monitor?.url)} Checking every {formatDurationRounded(monitor?.interval)}. diff --git a/client/src/Utils/utils.js b/client/src/Utils/utils.js index 639a43da0..81ec44b06 100644 --- a/client/src/Utils/utils.js +++ b/client/src/Utils/utils.js @@ -6,7 +6,7 @@ export const safelyParseFloat = (value) => { return parsedValue; }; -export const formatMonitorUrl = (url, maxLength = 50) => { +export const formatMonitorUrl = (url, maxLength = 55) => { if (!url) return ""; const strippedUrl = url.replace(/^https?:\/\//, ""); return strippedUrl.length > maxLength