Saltar al contenido principal

Sistema de idiomas

E-Smartpoints está completamente traducido a 3 idiomas:

  • 🇩🇪 Alemán (Deutsch) — idioma por defecto
  • 🇪🇸 Español
  • 🇬🇧 Inglés (English)

Cambiar el idioma​

En la esquina superior derecha de cualquier pantalla, haz clic en el selector de idioma (generalmente un globo o las iniciales del idioma actual).

También puedes cambiarlo desde:

  • La pantalla de login (esquina superior)
  • El menú de perfil (icono de usuario)
  • La configuración de tu cuenta

¿Qué se traduce?​

SecciónEstado
Interfaz general✅ 100%
Formularios✅ 100%
Mensajes de error✅ 100%
Notificaciones✅ 100%
Emails transaccionales✅ 100%
Documentación🇪🇸🇬🇧 Español/Inglés principal

Estructura técnica​

Las traducciones están en archivos JSON:

src/i18n/locales/
  ├── de.json  (alemán)
  ├── en.json  (inglés)
  └── es.json  (español)

Cada idioma tiene +1700 keys de traducción.

Para developers​

Si quieres agregar nuevas traducciones:

  1. Agrega la key a los 3 archivos JSON
  2. Usa t('nueva.clave') en tu componente
  3. Asegúrate que la estructura sea idéntica en los 3 archivos

Ejemplo:

// de.json
{
  "miModulo": {
    "titulo": "Mein Titel"
  }
}

// en.json
{
  "miModulo": {
    "titulo": "My title"
  }
}

// es.json
{
  "miModulo": {
    "titulo": "Mi título"
  }
}
import { useTranslation } from 'react-i18next';

function MiComponente() {
  const { t } = useTranslation();
  return <h1>{t('miModulo.titulo')}</h1>;
}

Próximos pasos​