introducing useLanguage hook
This commit is contained in:
parent
429c48a03e
commit
259fc07697
23
src/hooks/useLanguage.jsx
Normal file
23
src/hooks/useLanguage.jsx
Normal file
|
|
@ -0,0 +1,23 @@
|
||||||
|
import { createContext, useContext, useState } from "react";
|
||||||
|
|
||||||
|
export const LanguageContext = createContext({
|
||||||
|
language: "fr",
|
||||||
|
changeLanguage: () => {},
|
||||||
|
});
|
||||||
|
|
||||||
|
export function LanguageContextProvider({ children }) {
|
||||||
|
const [language, setLanguage] = useState("fr");
|
||||||
|
|
||||||
|
function changeLanguage() {
|
||||||
|
if (language === "fr") {
|
||||||
|
setLanguage("en");
|
||||||
|
} else {
|
||||||
|
setLanguage("fr");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return <LanguageContext.Provider value={{ language, changeLanguage }}>{children}</LanguageContext.Provider>;
|
||||||
|
}
|
||||||
|
|
||||||
|
export function useLanguage() {
|
||||||
|
return useContext(LanguageContext);
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user