chore: replace lingui functions with react-intl

1 files changed, 16 insertions, 2 deletions

diff --git a/src/components/FooterNav/FooterNav.tsx b/src/components/FooterNav/FooterNav.tsx
index 7266e7e..918fed7 100644
--- a/src/components/FooterNav/FooterNav.tsx
+++ b/src/components/FooterNav/FooterNav.tsx
@@ -1,9 +1,23 @@
 import Link from 'next/link';
 import styles from './FooterNav.module.scss';
-import { footerNav } from '@config/nav';
+import { NavItem } from '@ts/types/nav';
+import { useIntl } from 'react-intl';
 
 const FooterNav = () => {
-  const navItems = footerNav.map((item) => {
+  const intl = useIntl();
+
+  const footerNavConfig: NavItem[] = [
+    {
+      id: 'legal-notice',
+      name: intl.formatMessage({
+        defaultMessage: 'Legal notice',
+        description: 'FooterNav: legal notice link',
+      }),
+      slug: '/mentions-legales',
+    },
+  ];
+
+  const navItems = footerNavConfig.map((item) => {
     return (
       <li key={item.id} className={styles.item}>
         <Link href={item.slug}>