summaryrefslogtreecommitdiffstats
path: root/src/components/Settings/Settings.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/Settings/Settings.tsx
parent2bae7c43764df5678fe2fc2e68be11ae95d85a41 (diff)
parente4d5b8151802517b2943756fc0d09ffa95e2c4e2 (diff)
feat(i18n): replace linguijs with formatjs
Diffstat (limited to 'src/components/Settings/Settings.tsx')
-rw-r--r--src/components/Settings/Settings.tsx10
1 files changed, 8 insertions, 2 deletions
diff --git a/src/components/Settings/Settings.tsx b/src/components/Settings/Settings.tsx
index bd2f33d..80eb0c3 100644
--- a/src/components/Settings/Settings.tsx
+++ b/src/components/Settings/Settings.tsx
@@ -1,14 +1,20 @@
import { CogIcon } from '@components/Icons';
import ThemeToggle from '@components/Settings/ThemeToggle/ThemeToggle';
-import { t } from '@lingui/macro';
+import { useIntl } from 'react-intl';
import ReduceMotion from './ReduceMotion/ReduceMotion';
import styles from './Settings.module.scss';
const Settings = () => {
+ const intl = useIntl();
+
return (
<>
<div className={styles.title}>
- <CogIcon /> {t`Settings`}
+ <CogIcon />{' '}
+ {intl.formatMessage({
+ defaultMessage: 'Settings',
+ description: 'Settings: modal title',
+ })}
</div>
<ThemeToggle />
<ReduceMotion />