refactoring LanguageContext

src/context/LanguageContext.js

@@ -0,0 +1,19 @@
+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>;
+}

src/hooks/useLanguage.jsx

@@ -1,22 +1,5 @@
-import { createContext, useContext, useState } from "react";
+import { useContext } from "react";
-
+import { LanguageContext } from "../context/LanguageContext";
-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);