From b16ef2276ca2cbf02d91cba2a4f57fd2c24d426e Mon Sep 17 00:00:00 2001
From: Arthi-chaud <arthur.jamet@gmail.com>
Date: Thu, 11 Aug 2022 15:50:40 +0200
Subject: [PATCH] Front: Language Slice: Call i18n method to change instance's
 language

---
 front/state/LanguageSlice.ts |  3 ++-
 front/views/HomeView.tsx     | 10 ++++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/front/state/LanguageSlice.ts b/front/state/LanguageSlice.ts
index 9ecbaa7..8bbf42b 100644
--- a/front/state/LanguageSlice.ts
+++ b/front/state/LanguageSlice.ts
@@ -1,5 +1,5 @@
 import { createSlice, PayloadAction } from "@reduxjs/toolkit";
-import { AvailableLanguages, DefaultLanguage } from "../i18n/i18n";
+import i18n, { AvailableLanguages, DefaultLanguage } from "../i18n/i18n";
 
 
 export const languageSlice = createSlice({
@@ -10,6 +10,7 @@ export const languageSlice = createSlice({
 	reducers: {
 		useLanguage: (state, action: PayloadAction<AvailableLanguages>) => {
 			state.value = action.payload;
+			i18n.changeLanguage(state.value);
 		},
 		resetLanguage: (state) => {
 			state.value = DefaultLanguage;
diff --git a/front/views/HomeView.tsx b/front/views/HomeView.tsx
index b08638c..774e2f1 100644
--- a/front/views/HomeView.tsx
+++ b/front/views/HomeView.tsx
@@ -1,8 +1,8 @@
 import React from "react";
 import { Text, View } from 'react-native';
 import { Button } from "react-native-paper";
-import { useDispatch, useSelector, useStore } from "react-redux";
-import i18n, { AvailableLanguages, translate } from "../i18n/i18n";
+import { useDispatch, useSelector } from "react-redux";
+import i18n, { AvailableLanguages, DefaultLanguage, translate } from "../i18n/i18n";
 import { useLanguage } from "../state/LanguageSlice";
 import { unsetUserToken } from "../state/UserSlice";
 
@@ -14,15 +14,17 @@ const HomeView = () => {
       <Text style={{ textAlign: "center" }}>This is the Home Screen</Text>
       <Button onPress={() => dispatch(unsetUserToken())}>{ translate('signoutBtn') }</Button>
       <Button onPress={() => {
+        let newLanguage = DefaultLanguage;
         switch (language) {
           case 'en':
-            dispatch(useLanguage('fr'));
+            newLanguage = 'fr';
             break;
           default:
-            dispatch(useLanguage('en'));
             break;
         }
+        dispatch(useLanguage(newLanguage));
       }}>Change language</Button>
+      <Text style={{ textAlign: "center" }}>Current language: { language }</Text>
     </View>
   );
 }