From 36c33c69b785befc28b56ec9e7cf0793dfd37f5c Mon Sep 17 00:00:00 2001
From: Lisa Hillebrand <lisa.hillebrand@posteo.de>
Date: Fri, 30 Sep 2022 11:39:00 +0200
Subject: [PATCH] 615 Use translation library for bottom menu

---
 components/menu/index.js | 9 ++++++---
 components/pages.js      | 6 +++---
 i18n/en.json             | 5 +++++
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/components/menu/index.js b/components/menu/index.js
index ae885ec..795c5b6 100644
--- a/components/menu/index.js
+++ b/components/menu/index.js
@@ -6,20 +6,23 @@ import MenuItem from './menu-item'
 
 import { Containers } from '../../styles'
 import { pages } from '../pages'
+import { useTranslation } from 'react-i18next'
 
 const Menu = ({ currentPage, navigate }) => {
   const menuItems = pages.filter((page) => page.isInMenu)
 
+  const { t } = useTranslation(null, { keyPrefix: 'bottomMenu' })
+
   return (
     <View style={styles.container}>
-      {menuItems.map(({ icon, label, component }) => {
+      {menuItems.map(({ icon, labelKey, component }) => {
         return (
           <MenuItem
             isActive={component === currentPage}
             onPress={() => navigate(component)}
             icon={icon}
-            key={label}
-            label={label}
+            key={labelKey}
+            label={t(labelKey)}
           />
         )
       })}
diff --git a/components/pages.js b/components/pages.js
index e9f9b6c..0639929 100644
--- a/components/pages.js
+++ b/components/pages.js
@@ -13,21 +13,21 @@ export const pages = [
     component: 'Calendar',
     icon: 'calendar',
     isInMenu: true,
-    label: 'Calendar',
+    labelKey: 'calendar',
     parent: 'Home',
   },
   {
     component: 'Chart',
     icon: 'chart',
     isInMenu: true,
-    label: 'Chart',
+    labelKey: 'chart',
     parent: 'Home',
   },
   {
     component: 'Stats',
     icon: 'statistics',
     isInMenu: true,
-    label: 'Stats',
+    labelKey: 'stats',
     parent: 'Home',
   },
   {
diff --git a/i18n/en.json b/i18n/en.json
index 7102896..b67c06d 100644
--- a/i18n/en.json
+++ b/i18n/en.json
@@ -1,4 +1,9 @@
 {
+  "bottomMenu": {
+    "calendar": "Calendar",
+    "chart": "Chart",
+    "stats": "Stats"
+  },
   "cycleDay": {
     "symptomBox": {
       "bleeding": "Bleeding",