From 8b8ae0d436b81d3bc7d49c97e069424b06e0af95 Mon Sep 17 00:00:00 2001
From: Lisa Hillebrand <lisa.hillebrand@posteo.de>
Date: Fri, 18 Jun 2021 11:37:00 +0200
Subject: [PATCH] 162 Update structure of english translation file

---
 components/Home.js               | 10 +++++-----
 components/helpers/home.js       |  2 +-
 hooks/useComponentTranslation.js | 11 -----------
 i18n/en.json                     | 16 +++++++++-------
 4 files changed, 15 insertions(+), 24 deletions(-)
 delete mode 100644 hooks/useComponentTranslation.js

diff --git a/components/Home.js b/components/Home.js
index 28d98e8..3a65aed 100644
--- a/components/Home.js
+++ b/components/Home.js
@@ -16,11 +16,11 @@ import { determinePredictionText, formatWithOrdinalSuffix } from './helpers/home
 
 import { Colors, Fonts, Sizes, Spacing } from '../styles'
 import { LocalDate } from 'js-joda'
-import useComponentTranslation from '../hooks/useComponentTranslation'
+import { useTranslation } from 'react-i18next'
 
 const Home = ({ navigate, setDate }) => {
 
-  const { t } = useComponentTranslation('components.Home')
+  const { t } = useTranslation()
 
   function navigateToCycleDayView() {
     setDate(todayDateString)
@@ -46,7 +46,7 @@ const Home = ({ navigate, setDate }) => {
       {cycleDayNumber &&
         <View style={styles.line}>
           <AppText style={styles.whiteSubtitle}>{cycleDayText}</AppText>
-          <AppText style={styles.turquoiseText}>{t('cycleDay')}</AppText>
+          <AppText style={styles.turquoiseText}>{t('labels.home.cycleDay')}</AppText>
         </View>
       }
       {phase &&
@@ -55,7 +55,7 @@ const Home = ({ navigate, setDate }) => {
             {formatWithOrdinalSuffix(phase)}
           </AppText>
           <AppText style={styles.turquoiseText}>
-            {t('cyclePhase')}
+            {t('labels.home.cyclePhase')}
           </AppText>
           <AppText style={styles.turquoiseText}>{status}</AppText>
           <Asterisk />
@@ -65,7 +65,7 @@ const Home = ({ navigate, setDate }) => {
         <AppText style={styles.turquoiseText}>{prediction}</AppText>
       </View>
       <Button isCTA isSmall={false} onPress={navigateToCycleDayView}>
-        {t('addDataForToday')}
+        {t('labels.home.addDataForToday')}
       </Button>
       {phase && (
         <View style={styles.asteriskLine}>
diff --git a/components/helpers/home.js b/components/helpers/home.js
index 8ddb00c..3034023 100644
--- a/components/helpers/home.js
+++ b/components/helpers/home.js
@@ -18,7 +18,7 @@ function getTimes(prediction) {
 }
 
 export function determinePredictionText(bleedingPrediction, t) {
-  if (!bleedingPrediction.length) return t('noPrediction')
+  if (!bleedingPrediction.length) return t('labels.bleedingPrediction.noPrediction')
   const {
     todayDate,
     predictedBleedingStart,
diff --git a/hooks/useComponentTranslation.js b/hooks/useComponentTranslation.js
deleted file mode 100644
index 968491d..0000000
--- a/hooks/useComponentTranslation.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import { useTranslation } from "react-i18next"
-
-export default function useComponentTranslation(componentPath) {
-    const { t, i18n } = useTranslation();
-    function translate(code, options) {
-        const mergedPath = `${componentPath}.${code}`;
-        const translation = t(mergedPath, options);
-        return translation !== mergedPath ? translation : t(code, options);
-    }
-    return { t: translate, i18n };
-}
\ No newline at end of file
diff --git a/i18n/en.json b/i18n/en.json
index d74e3ec..079edfc 100644
--- a/i18n/en.json
+++ b/i18n/en.json
@@ -1,10 +1,12 @@
 {
-  "components": {
-    "Home": {
-      "addDataForToday": "add data for today",
-      "noPrediction": "As soon as you have tracked 3 menstrual cycles, drip will make predictions for the next ones.",
+  "labels": {
+    "home": {
       "cycleDay": " day of your cycle",
-      "cyclePhase": " cycle phase - "
+      "cyclePhase": " cycle phase - ",
+      "addDataForToday": "add data for today"
+    },
+    "bleedingPrediction": {
+      "noPrediction": "As soon as you have tracked 3 menstrual cycles, drip will make predictions for the next ones."
     }
-  }  
-}
+  }
+}
\ No newline at end of file