diff --git a/packages/translation/src/lang/en.json b/packages/translation/src/lang/en.json index 86596a08e..e3ee9156f 100644 --- a/packages/translation/src/lang/en.json +++ b/packages/translation/src/lang/en.json @@ -1419,6 +1419,10 @@ "healthMonitoring": { "name": "System Health Monitoring", "description": "Displays information showing the health and status of your system(s).", + "tab": { + "system": "System", + "cluster": "Cluster" + }, "option": { "fahrenheit": { "label": "CPU Temp in Fahrenheit" diff --git a/packages/widgets/src/health-monitoring/component.tsx b/packages/widgets/src/health-monitoring/component.tsx index 0c44f999b..837e04504 100644 --- a/packages/widgets/src/health-monitoring/component.tsx +++ b/packages/widgets/src/health-monitoring/component.tsx @@ -5,6 +5,7 @@ import dayjs from "dayjs"; import duration from "dayjs/plugin/duration"; import { clientApi } from "@homarr/api/client"; +import { useI18n } from "@homarr/translation/client"; import type { WidgetComponentProps } from "../definition"; import { ClusterHealthMonitoring } from "./cluster/cluster-health"; @@ -14,6 +15,7 @@ dayjs.extend(duration); export default function HealthMonitoringWidget(props: WidgetComponentProps<"healthMonitoring">) { const [integrations] = clientApi.integration.byIds.useSuspenseQuery(props.integrationIds); + const t = useI18n(); const proxmoxIntegrationId = integrations.find((integration) => integration.kind === "proxmox")?.id; @@ -43,14 +45,14 @@ export default function HealthMonitoringWidget(props: WidgetComponentProps<"heal - System + {t("widget.healthMonitoring.tab.system")} - Cluster + {t("widget.healthMonitoring.tab.cluster")} - +