From 6b70aac1ae4c0ca603268952b518392e5863e308 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Sat, 11 Oct 2025 15:27:32 -0600
Subject: [PATCH] Add i18n

---
 web/public/locales/en/views/live.json    | 5 +++++
 web/src/views/live/LiveDashboardView.tsx | 8 +++++---
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/web/public/locales/en/views/live.json b/web/public/locales/en/views/live.json
index 356c896ae..92c4cfbd8 100644
--- a/web/public/locales/en/views/live.json
+++ b/web/public/locales/en/views/live.json
@@ -168,5 +168,10 @@
       "label": "Edit Camera Group"
     },
     "exitEdit": "Exit Editing"
+  },
+  "noCameras": {
+    "title": "No Cameras Set Up",
+    "description": "Get started by connecting a camera.",
+    "buttonText": "Add Camera"
   }
 }
diff --git a/web/src/views/live/LiveDashboardView.tsx b/web/src/views/live/LiveDashboardView.tsx
index 4b7ef9730..1df5daa67 100644
--- a/web/src/views/live/LiveDashboardView.tsx
+++ b/web/src/views/live/LiveDashboardView.tsx
@@ -616,13 +616,15 @@ export default function LiveDashboardView({
 }
 
 function NoCameraView() {
+  const { t } = useTranslation(["views/live"]);
+
   return (
     <div className="flex size-full items-center justify-center">
       <EmptyCard
         icon={<BsFillCameraVideoOffFill className="size-8" />}
-        title="No Cameras Set Up"
-        description="Get started by connecting a camera."
-        buttonText="Add Camera"
+        title={t("noCameras.title")}
+        description={t("noCameras.description")}
+        buttonText={t("noCameras.buttonText")}
       />
     </div>
   );