From 9b81dcb8fa5003faef5a4e3f5a096803ca683c6c Mon Sep 17 00:00:00 2001
From: Nick Mowen <nickmowen213@gmail.com>
Date: Sat, 27 Aug 2022 10:37:22 -0600
Subject: [PATCH] Add birdseye translations

---
 web/src/i18n.jsx            | 2 +-
 web/src/routes/Birdseye.jsx | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/src/i18n.jsx b/web/src/i18n.jsx
index be04cd4aa..35b54dd77 100644
--- a/web/src/i18n.jsx
+++ b/web/src/i18n.jsx
@@ -9,7 +9,7 @@ i18n
   .use(initReactI18next) // passes i18n down to react-i18next
   .init({
     fallbackLng: 'en',
-    debug: true,
+    debug: false,
 
     interpolation: {
       escapeValue: false, // react already safes from xss
diff --git a/web/src/routes/Birdseye.jsx b/web/src/routes/Birdseye.jsx
index 37f4d0ef0..7b6f458be 100644
--- a/web/src/routes/Birdseye.jsx
+++ b/web/src/routes/Birdseye.jsx
@@ -1,11 +1,14 @@
 import { h } from 'preact';
 import JSMpegPlayer from '../components/JSMpegPlayer';
 import Heading from '../components/Heading';
+import { useTranslation } from 'react-i18next';
 
 export default function Birdseye() {
+  const { t } = useTranslation();
+
   return (
     <div className="space-y-4 p-2 px-4">
-      <Heading size="2xl">Birdseye</Heading>
+      <Heading size="2xl">{t('birdseye')}</Heading>
       <div>
         <JSMpegPlayer camera="birdseye" />
       </div>