diff --git a/client/src/Pages/StatusPage/Status/themes/shared/BaseStatusPage.tsx b/client/src/Pages/StatusPage/Status/themes/shared/BaseStatusPage.tsx index 71aa85a89..b19eea0f4 100644 --- a/client/src/Pages/StatusPage/Status/themes/shared/BaseStatusPage.tsx +++ b/client/src/Pages/StatusPage/Status/themes/shared/BaseStatusPage.tsx @@ -27,6 +27,7 @@ import { statusBadgeKey, } from "@/Pages/StatusPage/Status/themes/shared/overallStatus"; import { useStatusPageTheme } from "@/Pages/StatusPage/Status/themes/StatusPageThemeProvider"; +import { formatPercentage } from "@/Utils/FormatUtils"; type StatusPageMonitor = Monitor & { checks?: Monitor["recentChecks"] }; @@ -161,6 +162,7 @@ export const BaseStatusPage = ({ statusPage, monitors, config }: Props) => { const showInfra = isHardware && statusPage.showInfrastructure !== false; const showChart = !isHardware && statusPage.showCharts !== false; const badgeTone = monitorBadgeTone(monitor.status); + const uptimePercentage = formatPercentage(monitor.uptimePercentage ?? 0); return ( { > {getMonitorTypeLabel(monitor.type, t)} + + {uptimePercentage} + {monitor.url && (