diff --git a/src/context/LanguageContext.js b/src/context/LanguageContext.js index f22f9d9..cf272d1 100644 --- a/src/context/LanguageContext.js +++ b/src/context/LanguageContext.js @@ -1,7 +1,7 @@ import { createContext, useContext, useState } from "react"; export const LanguageContext = createContext({ - language: "fr", + language: "FR", changeLanguage: () => {}, }); @@ -9,10 +9,10 @@ export function LanguageContextProvider({ children }) { const [language, setLanguage] = useState("fr"); function changeLanguage() { - if (language === "fr") { - setLanguage("en"); + if (language === "FR") { + setLanguage("EN"); } else { - setLanguage("fr"); + setLanguage("EN"); } } return {children}; diff --git a/src/context/UserContext.js b/src/context/UserContext.js index 57b0841..c4dc314 100644 --- a/src/context/UserContext.js +++ b/src/context/UserContext.js @@ -1,17 +1,33 @@ -import { createContext, useState } from "react"; +import { createContext, useEffect, useState } from "react"; export const UserContext = createContext(); export function UserContextProvider({ children }) { - const [language, setLanguage] = useState("fr"); + const [language, setLanguage] = useState("FR"); const [country, setCountry] = useState({ name: "belgique", iso: "BE" }); const [profile, setProfile] = useState("lhoist_employee"); + const [screensTranslations, setScreensTranslations] = useState({}); + + useEffect(() => { + if (!language) return; + const loadTranslations = async (language) => { + try { + const translations = await import(`../data/screensTranslations_${language}.json`); + setScreensTranslations(translations.default); + } catch (error) { + console.error("Could not load translations", error); + } + }; + + // Appeler la fonction loadTranslations avec la langue actuelle + loadTranslations(language); + }, [language]); function changeLanguage() { - if (language === "fr") { - setLanguage("en"); + if (language === "FR") { + setLanguage("EN"); } else { - setLanguage("fr"); + setLanguage("FR"); } } @@ -26,6 +42,7 @@ export function UserContextProvider({ children }) {