From ef828a303d97bb62fb52daec3760024aba30aad8 Mon Sep 17 00:00:00 2001
From: Nick Mowen <nickmowen213@gmail.com>
Date: Sat, 27 Aug 2022 10:24:40 -0600
Subject: [PATCH] Translate the sidebar

---
 web/public/locales/en/translation.json |  7 +++++--
 web/src/Sidebar.jsx                    | 12 ++++++------
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/web/public/locales/en/translation.json b/web/public/locales/en/translation.json
index 82539218d..e4bcab4e8 100644
--- a/web/public/locales/en/translation.json
+++ b/web/public/locales/en/translation.json
@@ -1,6 +1,9 @@
 {
     "birdseye": "Birdseye",
     "cameras": "Cameras",
-    "text": "Thank you for visiting our website.",
-    "language": "Language"
+    "debug": "Debug",
+    "documentation": "Documentation",
+    "events": "Events",
+    "github": "GitHub",
+    "style_guide": "Style Guide"
 }
\ No newline at end of file
diff --git a/web/src/Sidebar.jsx b/web/src/Sidebar.jsx
index e805844ee..994bc19b8 100644
--- a/web/src/Sidebar.jsx
+++ b/web/src/Sidebar.jsx
@@ -44,19 +44,19 @@ export default function Sidebar() {
           ) : null
         }
       </Match>
-      {birdseye?.enabled ? <Destination href="/birdseye" text="Birdseye" /> : null}
-      <Destination href="/events" text="Events" />
-      <Destination href="/debug" text="Debug" />
+      {birdseye?.enabled ? <Destination href="/birdseye" text={t('birdseye')} /> : null}
+      <Destination href="/events" text={t('events')} />
+      <Destination href="/debug" text={t('debug')} />
       <Separator />
       <div className="flex flex-grow" />
       {ENV !== 'production' ? (
         <Fragment>
-          <Destination href="/styleguide" text="Style Guide" />
+          <Destination href="/styleguide" text={t('style_guide')} />
           <Separator />
         </Fragment>
       ) : null}
-      <Destination className="self-end" href="https://docs.frigate.video" text="Documentation" />
-      <Destination className="self-end" href="https://github.com/blakeblackshear/frigate" text="GitHub" />
+      <Destination className="self-end" href="https://docs.frigate.video" text={t('documentation')} />
+      <Destination className="self-end" href="https://github.com/blakeblackshear/frigate" text={t('github')} />
     </NavigationDrawer>
   );
 }