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) => { 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 = () => { This is the Home Screen + Current language: { language } ); }