feat: add react-i18next bilingual support (ES/EN)
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -1,18 +1,16 @@
|
||||
import { createContext, useState, useEffect, useContext } from "react";
|
||||
import { createContext, useContext } from "react";
|
||||
import { useTranslation } from "react-i18next";
|
||||
|
||||
export const langContext = createContext();
|
||||
|
||||
export const LangProvider = ({ children }) => {
|
||||
const [lang, setLang] = useState("en"); // Estado para el idioma
|
||||
const { i18n } = useTranslation();
|
||||
const lang = i18n.language?.startsWith('es') ? 'es' : 'en';
|
||||
|
||||
// Ahora 'event' es el objeto de evento de React
|
||||
const toggleLang = (event) => {
|
||||
// Extraemos el valor de la opción seleccionada (ej: "es" o "en")
|
||||
const newLang = event.target.value;
|
||||
console.log("Nuevo idioma seleccionado:", newLang);
|
||||
// Establecemos el estado 'lang' con el valor seleccionado
|
||||
setLang(newLang);
|
||||
}
|
||||
i18n.changeLanguage(newLang);
|
||||
};
|
||||
|
||||
return (
|
||||
<langContext.Provider value={{ lang, toggleLang }}>
|
||||
|
||||
Reference in New Issue
Block a user