diff --git a/frontend/app/components/Header/HealthStatus/HealthStatus.tsx b/frontend/app/components/Header/HealthStatus/HealthStatus.tsx index 64e3a8524..3b43cafc9 100644 --- a/frontend/app/components/Header/HealthStatus/HealthStatus.tsx +++ b/frontend/app/components/Header/HealthStatus/HealthStatus.tsx @@ -6,7 +6,7 @@ import HealthWidget from "Components/Header/HealthStatus/HealthWidget"; import { getHealthRequest } from './getHealth' export interface IServiceStats { - name: 'backendServices' | 'databases' | 'ingestionPipeline' | 'ssl'; + name: 'backendServices' | 'databases' | 'ingestionPipeline' | 'SSL'; serviceName: string; healthOk: boolean; subservices: { diff --git a/frontend/app/components/Header/HealthStatus/HealthWidget.tsx b/frontend/app/components/Header/HealthStatus/HealthWidget.tsx index de6bcc7e7..9e528691c 100644 --- a/frontend/app/components/Header/HealthStatus/HealthWidget.tsx +++ b/frontend/app/components/Header/HealthStatus/HealthWidget.tsx @@ -12,7 +12,7 @@ function HealthWidget({ setShowModal, isError, }: { - healthResponse: { overallHealth: boolean; healthMap: Record }; + healthResponse: { overallHealth: boolean; healthMap: Record, details: Record }; getHealth: Function; isLoading: boolean; lastAsked: string | null; @@ -69,6 +69,10 @@ function HealthWidget({ {isError &&
Error getting service health status
} +
+
Sessions: {healthResponse.details?.numberOfEventCaptured.toLocaleString()}
+
Events: {healthResponse.details?.numberOfSessionsCaptured.toLocaleString()}
+
{!isError && !healthOk ? ( <> diff --git a/frontend/app/components/Header/HealthStatus/getHealth.ts b/frontend/app/components/Header/HealthStatus/getHealth.ts index c378b0e8f..fa2050105 100644 --- a/frontend/app/components/Header/HealthStatus/getHealth.ts +++ b/frontend/app/components/Header/HealthStatus/getHealth.ts @@ -7,6 +7,17 @@ function mapResponse(resp: Record) { const services = Object.keys(resp); const healthMap: Record = {}; services.forEach((service) => { + if (service === 'details') return; + if (service === 'ssl') { + healthMap[service] = { + name: categoryKeyNames[service], + healthOk: resp[service].health, + serviceName: service, + // @ts-ignore + subservices: { ssl: resp[service] } + }; + return; + } healthMap[service] = { // @ts-ignore name: categoryKeyNames[service], @@ -23,7 +34,7 @@ function mapResponse(resp: Record) { (service: Record) => service.healthOk ); - return { overallHealth, healthMap }; + return { overallHealth, healthMap, details: resp.details }; } export async function getHealthRequest(isPublic?: boolean) {