rw-locales
v1.0.0
Published
Locales for the Assisted Installer UI library
Downloads
2
Readme
Assisted Installer locales library
Installation
yarn add @openshift-assisted/locales
Usage
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 thelocales
folder when adding or changing messages.