From e4d5b8151802517b2943756fc0d09ffa95e2c4e2 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Sat, 29 Jan 2022 18:21:37 +0100 Subject: chore: replace lingui functions with react-intl --- src/components/Icons/Copyright/Copyright.tsx | 3 +-- src/components/Icons/Moon/Moon.tsx | 11 +++++++++-- src/components/Icons/Sun/Sun.tsx | 11 +++++++++-- 3 files changed, 19 insertions(+), 6 deletions(-) (limited to 'src/components/Icons') diff --git a/src/components/Icons/Copyright/Copyright.tsx b/src/components/Icons/Copyright/Copyright.tsx index 396c127..d27c042 100644 --- a/src/components/Icons/Copyright/Copyright.tsx +++ b/src/components/Icons/Copyright/Copyright.tsx @@ -1,4 +1,3 @@ -import { t } from '@lingui/macro'; import styles from './Copyright.module.scss'; const CopyrightIcon = () => { @@ -8,7 +7,7 @@ const CopyrightIcon = () => { viewBox="0 0 211.99811 63.999996" xmlns="http://www.w3.org/2000/svg" > - {t`CC BY SA`} + CC BY SA diff --git a/src/components/Icons/Moon/Moon.tsx b/src/components/Icons/Moon/Moon.tsx index 62e7203..acdf6ae 100644 --- a/src/components/Icons/Moon/Moon.tsx +++ b/src/components/Icons/Moon/Moon.tsx @@ -1,14 +1,21 @@ -import { t } from '@lingui/macro'; +import { useIntl } from 'react-intl'; import styles from './Moon.module.scss'; const MoonIcon = () => { + const intl = useIntl(); + return ( - {t`Dark theme`} + + {intl.formatMessage({ + defaultMessage: 'Dark theme', + description: 'Icons: Moon icon (dark theme)', + })} + ); diff --git a/src/components/Icons/Sun/Sun.tsx b/src/components/Icons/Sun/Sun.tsx index 612d3fa..44945c2 100644 --- a/src/components/Icons/Sun/Sun.tsx +++ b/src/components/Icons/Sun/Sun.tsx @@ -1,14 +1,21 @@ -import { t } from '@lingui/macro'; +import { useIntl } from 'react-intl'; import styles from './Sun.module.scss'; const SunIcon = () => { + const intl = useIntl(); + return ( - {t`Light theme`} + + {intl.formatMessage({ + defaultMessage: 'Light theme', + description: 'Icons: Sun icon (light theme)', + })} + ); -- cgit v1.2.3