Skip to content

Latest commit

 

History

History
30 lines (21 loc) · 930 Bytes

I18N.md

File metadata and controls

30 lines (21 loc) · 930 Bytes
Raw

i18n

Internationalization is implemented with i18next and react-i18next. The i18n namespace must be declared at build-time in an environment variable called: TRANSLATION_NAMESPACE in order to avoid naming conflicts.

  • Environment variables:

      TRANSLATION_NAMESPACE: required, name of translation namespace (by default is 'translation')

  • We create the wrapper src/common/hooks/use-translation-wrapper.ts that use the useTranslation hook with our namespace.

  • Use in our components :

    import { useTranslation } from 'common/hooks/use-translation-wrapper';
const { t } = useTranslation();

<Button key="submit" onClick={submitForm}>
  {t('ai:Generate Discovery ISO')}
</Button>;

    Add 'ai:' prefix to all strings.

  • Running yarn i18n updates the JSON files in the locales folder when adding or changing messages.