From 759998ff8b92eeb350ca79597f548fba74a6c970 Mon Sep 17 00:00:00 2001 From: ZhaiSoul <842607283@qq.com> Date: Sat, 23 Aug 2025 09:12:46 +0000 Subject: [PATCH] fix: fix debug page open camera web ui i18n and camera nickname support --- web/public/locales/en/views/settings.json | 1 + web/src/views/settings/ObjectSettingsView.tsx | 7 ++++++- 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/web/public/locales/en/views/settings.json b/web/public/locales/en/views/settings.json index 0dddc1283..676430a5f 100644 --- a/web/public/locales/en/views/settings.json +++ b/web/public/locales/en/views/settings.json @@ -415,6 +415,7 @@ "title": "Debug", "detectorDesc": "Frigate uses your detectors ({{detectors}}) to detect objects in your camera's video stream.", "desc": "Debugging view shows a real-time view of tracked objects and their statistics. The object list shows a time-delayed summary of detected objects.", + "openCameraWebUI": "Open {{camera}}'s Web UI", "debugging": "Debugging", "objectList": "Object List", "noObjects": "No objects", diff --git a/web/src/views/settings/ObjectSettingsView.tsx b/web/src/views/settings/ObjectSettingsView.tsx index d1f77e3ac..3572f55c4 100644 --- a/web/src/views/settings/ObjectSettingsView.tsx +++ b/web/src/views/settings/ObjectSettingsView.tsx @@ -30,6 +30,7 @@ import { isDesktop } from "react-device-detect"; import { Trans, useTranslation } from "react-i18next"; import { useDocDomain } from "@/hooks/use-doc-domain"; import { getTranslatedLabel } from "@/utils/i18n"; +import { useCameraNickname } from "@/hooks/use-camera-nickname"; type ObjectSettingsViewProps = { selectedCamera?: string; @@ -126,6 +127,8 @@ export default function ObjectSettingsView({ } }, [config, selectedCamera]); + const cameraName = useCameraNickname(cameraConfig); + const { objects } = useCameraActivity(cameraConfig ?? ({} as CameraConfig)); const memoizedObjects = useDeepMemo(objects); @@ -181,7 +184,9 @@ export default function ObjectSettingsView({ rel="noopener noreferrer" className="inline" > - Open {capitalizeFirstLetter(cameraConfig.name)}'s Web UI + {t("debug.openCameraWebUI", { + camera: cameraName, + })}