From a0e8c59576cf74f42b1569f2cf274a0343e627b1 Mon Sep 17 00:00:00 2001
From: Nick Mowen <nickmowen213@gmail.com>
Date: Mon, 29 Aug 2022 09:27:32 -0600
Subject: [PATCH] Translate experimental camera view

---
 web/public/locales/en/translation.json | 1 +
 web/src/routes/Camera_V2.jsx           | 8 +++++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/web/public/locales/en/translation.json b/web/public/locales/en/translation.json
index 01867bfc9..6c3e0870e 100644
--- a/web/public/locales/en/translation.json
+++ b/web/public/locales/en/translation.json
@@ -34,6 +34,7 @@
     "events": "Events",
     "github": "GitHub",
     "hide": "Hide",
+    "history": "History",
     "in_progress": "In Progress",
     "last_month": "Last Month",
     "last_seven_days": "Last Seven Days",
diff --git a/web/src/routes/Camera_V2.jsx b/web/src/routes/Camera_V2.jsx
index 15ee1a996..eb1bce886 100644
--- a/web/src/routes/Camera_V2.jsx
+++ b/web/src/routes/Camera_V2.jsx
@@ -7,8 +7,10 @@ import { Tabs, TextTab } from '../components/Tabs';
 import { LiveChip } from '../components/LiveChip';
 import { DebugCamera } from '../components/DebugCamera';
 import HistoryViewer from '../components/HistoryViewer/HistoryViewer.tsx';
+import { useTranslation } from 'react-i18next';
 
 export default function Camera({ camera }) {
+  const { t } = useTranslation();
   const { data: config } = useSWR('config');
 
   const [playerType, setPlayerType] = useState('live');
@@ -47,9 +49,9 @@ export default function Camera({ camera }) {
 
         <div className='absolute flex justify-center bottom-8 w-full'>
           <Tabs selectedIndex={1} onChange={handleTabChange} className='justify'>
-            <TextTab text='History' />
-            <TextTab text='Live' />
-            <TextTab text='Debug' />
+            <TextTab text={t('history')} />
+            <TextTab text={t('live')} />
+            <TextTab text={t('debug')} />
           </Tabs>
         </div>
       </div>