From e4d5b8151802517b2943756fc0d09ffa95e2c4e2 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Sat, 29 Jan 2022 18:21:37 +0100
Subject: chore: replace lingui functions with react-intl

---
 src/components/Footer/Footer.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

(limited to 'src/components/Footer/Footer.tsx')

diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index 15a4660..4aa980d 100644
--- a/src/components/Footer/Footer.tsx
+++ b/src/components/Footer/Footer.tsx
@@ -2,11 +2,12 @@ import { ButtonLink } from '@components/Buttons';
 import Copyright from '@components/Copyright/Copyright';
 import FooterNav from '@components/FooterNav/FooterNav';
 import { ArrowIcon } from '@components/Icons';
-import { t } from '@lingui/macro';
 import { useEffect, useState } from 'react';
+import { useIntl } from 'react-intl';
 import styles from './Footer.module.scss';
 
 const Footer = () => {
+  const intl = useIntl();
   const [backToTopClasses, setBackToTopClasses] = useState(
     `${styles['back-to-top']} ${styles['back-to-top--hidden']}`
   );
@@ -36,7 +37,12 @@ const Footer = () => {
       <FooterNav />
       <div className={backToTopClasses}>
         <ButtonLink target="#top" position="center">
-          <span className="screen-reader-text">{t`Back to top`}</span>
+          <span className="screen-reader-text">
+            {intl.formatMessage({
+              defaultMessage: 'Back to top',
+              description: 'Footer: Back to top button',
+            })}
+          </span>
           <ArrowIcon direction="top" />
         </ButtonLink>
       </div>
-- 
cgit v1.2.3

