From 522744efed4b15d12fb0c2711bd448a37596b0ba Mon Sep 17 00:00:00 2001
From: ZhaiSoul <842607283@qq.com>
Date: Mon, 25 Aug 2025 15:25:59 +0000
Subject: [PATCH] fix: fix camera metrics not use nickname

---
 web/src/views/system/CameraMetrics.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/web/src/views/system/CameraMetrics.tsx b/web/src/views/system/CameraMetrics.tsx
index a7636e900..13af347dd 100644
--- a/web/src/views/system/CameraMetrics.tsx
+++ b/web/src/views/system/CameraMetrics.tsx
@@ -133,12 +133,13 @@ export default function CameraMetrics({
       }
 
       Object.entries(stats.cameras).forEach(([key, camStats]) => {
-        if (!config?.cameras[key].enabled) {
+        const camera = config?.cameras?.[key];
+        if (!camera || !camera?.enabled) {
           return;
         }
 
         if (!(key in series)) {
-          const camName = key.replaceAll("_", " ");
+          const camName = camera?.nickname || key.replaceAll("_", " ");
           series[key] = {};
           series[key]["ffmpeg"] = {
             name: t("cameras.label.cameraFfmpeg", { camName: camName }),
@@ -189,7 +190,8 @@ export default function CameraMetrics({
 
       Object.entries(stats.cameras).forEach(([key, camStats]) => {
         if (!(key in series)) {
-          const camName = key.replaceAll("_", " ");
+          const camName =
+            config?.cameras?.[key]?.nickname || key.replaceAll("_", " ");
           series[key] = {};
           series[key]["fps"] = {
             name: t("cameras.label.cameraFramesPerSecond", {
@@ -226,7 +228,7 @@ export default function CameraMetrics({
       });
     });
     return series;
-  }, [statsHistory, t]);
+  }, [config, statsHistory, t]);
 
   useEffect(() => {
     if (!showCameraInfoDialog) {