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