diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-01-29 19:03:59 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-01-29 19:03:59 +0100 |
| commit | 8fb5e4ef3ae925ebc6622711fb5c8c6147642cbc (patch) | |
| tree | 9e99137a7b64ea7993a8311a7162336a551be8b2 /src/components/Spinner/Spinner.tsx | |
| parent | 2bae7c43764df5678fe2fc2e68be11ae95d85a41 (diff) | |
| parent | e4d5b8151802517b2943756fc0d09ffa95e2c4e2 (diff) | |
feat(i18n): replace linguijs with formatjs
Diffstat (limited to 'src/components/Spinner/Spinner.tsx')
| -rw-r--r-- | src/components/Spinner/Spinner.tsx | 11 |
1 files changed, 9 insertions, 2 deletions
diff --git a/src/components/Spinner/Spinner.tsx b/src/components/Spinner/Spinner.tsx index cfa5717..381fbb6 100644 --- a/src/components/Spinner/Spinner.tsx +++ b/src/components/Spinner/Spinner.tsx @@ -1,13 +1,20 @@ -import { t } from '@lingui/macro'; +import { useIntl } from 'react-intl'; import styles from './Spinner.module.scss'; const Spinner = () => { + const intl = useIntl(); + return ( <div className={styles.wrapper}> <div className={styles.ball}></div> <div className={styles.ball}></div> <div className={styles.ball}></div> - <div className={styles.text}>{t`Loading...`}</div> + <div className={styles.text}> + {intl.formatMessage({ + defaultMessage: 'Loading...', + description: 'Spinner: loading text', + })} + </div> </div> ); }; |
