Skip to main content

Language system

E-Smartpoints is fully translated into 3 languages:

  • 🇩🇪 German (Deutsch) — default language
  • 🇪🇸 Spanish
  • 🇬🇧 English (English)

Change the language​

In the upper right corner of any screen, click the language selector (usually a balloon or the initials of the current language).

You can also change it from:

  • The login screen (top corner)
  • The profile menu (user icon)
  • Your account settings

What is translated?​

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

Technical structure​

Translations are in JSON files:

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

Each language has +1700 translation keys.

For developers​

If you want to add new translations:

  1. Add the key to the 3 JSON files
  2. Use t('new.key') in your component
  3. Make sure the structure is identical in all 3 files

Example:

// 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>;
}

Next steps​