Feat: Add Heatmap button to service detail page

- Adds a "Heatmap" button to the service detail page, displaying a monthly health heatmap of the service, with statuses color-coded as green, red, and warning (yellow/orange).
This commit is contained in:
Tola Leng
2025-07-21 00:57:04 +07:00
parent c098ecb6bf
commit e5afe276ee
4 changed files with 356 additions and 62 deletions
@@ -1,4 +1,3 @@
import { Service, UptimeData } from "@/types/service.types";
import { ServiceHeader } from "@/components/services/ServiceHeader";
import { ServiceStatsCards } from "@/components/services/ServiceStatsCards";
@@ -37,6 +36,7 @@ export const ServiceDetailContent = ({
onStatusChange={onStatusChange}
selectedRegionalAgent={selectedRegionalAgent}
onRegionalAgentChange={onRegionalAgentChange}
uptimeData={uptimeData}
/>
<ServiceStatsCards service={service} uptimeData={uptimeData} />