diff --git a/client/src/Components/MonitorStatusHeader/index.jsx b/client/src/Components/MonitorStatusHeader/index.jsx index 1f0189cae..c259c1e59 100644 --- a/client/src/Components/MonitorStatusHeader/index.jsx +++ b/client/src/Components/MonitorStatusHeader/index.jsx @@ -7,14 +7,22 @@ import { formatDurationRounded } from "../../Utils/timeUtils"; import ConfigButton from "./ConfigButton"; import SkeletonLayout from "./skeleton"; import PropTypes from "prop-types"; +import { useTranslation } from "react-i18next"; const MonitorStatusHeader = ({ path, isLoading = false, isAdmin, monitor }) => { const theme = useTheme(); + const { t } = useTranslation(); const { statusColor, determineState } = useUtils(); if (isLoading) { return ; } + const intervalText = t("monitorStatus.checkingEvery", { + interval: formatDurationRounded(monitor?.interval), + }); + + const captureVersion = monitor?.stats?.aggregateData?.latestCheck?.capture?.version; + return ( { - Checking every {formatDurationRounded(monitor?.interval)}{" "} - {monitor?.stats?.aggregateData?.latestCheck?.capture?.version && ( + {intervalText} + {captureVersion && ( <> {" "} - with Capture agent{" "} - {monitor.stats.aggregateData.latestCheck.capture.version} + {t("monitorStatus.withCaptureAgent", { + version: captureVersion, + })} )} . diff --git a/client/src/locales/en.json b/client/src/locales/en.json index c67b85f04..e5795a2f5 100644 --- a/client/src/locales/en.json +++ b/client/src/locales/en.json @@ -558,5 +558,9 @@ "ping": "Enter the URL or IP to ping (e.g., https://example.com/ or 192.168.1.100) and add a clear display name that appears on the dashboard.", "docker": "Enter the Docker ID of your container. Docker IDs must be the full 64 char Docker ID. You can run docker inpsect to get the full container ID.", "port": "Enter the URL or IP of the server, the port number and a clear display name that appears on the dashboard." + }, + "monitorStatus": { + "checkingEvery": "Checking every {{interval}}", + "withCaptureAgent": "with Capture agent {{version}}" } }