Skip to content

Latest commit

 

History

History
34 lines (24 loc) · 1 KB

I18N.md

File metadata and controls

34 lines (24 loc) · 1 KB

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 the following command to update the JSON files in the locales folder when adding or changing messages:

    yarn workspace @openshift-assisted/locales run process_new_strings