aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/Spinner/Spinner.tsx
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-01-29 19:03:59 +0100
committerArmand Philippot <git@armandphilippot.com>2022-01-29 19:03:59 +0100
commit8fb5e4ef3ae925ebc6622711fb5c8c6147642cbc (patch)
tree9e99137a7b64ea7993a8311a7162336a551be8b2 /src/components/Spinner/Spinner.tsx
parent2bae7c43764df5678fe2fc2e68be11ae95d85a41 (diff)
parente4d5b8151802517b2943756fc0d09ffa95e2c4e2 (diff)
feat(i18n): replace linguijs with formatjs
Diffstat (limited to 'src/components/Spinner/Spinner.tsx')
-rw-r--r--src/components/Spinner/Spinner.tsx11
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>
);
};