From ac43c086ee676ffc3471b9bcc7a0e8bee2561849 Mon Sep 17 00:00:00 2001
From: Marine Heckler <marine.heckler@beta.gouv.fr>
Date: Fri, 17 May 2024 11:58:41 +0200
Subject: [PATCH] Lien vers le site des rencontres

---
 packages/site/app/MenuPrincipal.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/site/app/MenuPrincipal.tsx b/packages/site/app/MenuPrincipal.tsx
index 4625c2e08d..de9ee4d19f 100644
--- a/packages/site/app/MenuPrincipal.tsx
+++ b/packages/site/app/MenuPrincipal.tsx
@@ -9,10 +9,11 @@ import {MenuProps} from './AppHeader';
 type MenuItemProps = {
   children: ReactNode;
   href: string;
+  external?: boolean;
 } & MenuProps;
 
 function MenuItem(props: MenuItemProps) {
-  const {href, children, setMenuOpened} = props;
+  const {href, children, external, setMenuOpened} = props;
   const pathName = usePathname();
   const pathNameBase = pathName?.split('/').splice(0, 2).join('/');
 
@@ -20,7 +21,8 @@ function MenuItem(props: MenuItemProps) {
     <li className="fr-nav__item">
       <Link
         href={href}
-        target="_self"
+        target={external ? '_blank' : '_self'}
+        rel={external ? 'noreferrer noopener' : ''}
         aria-controls="modal-header__menu"
         className="fr-nav__link"
         aria-current={href === pathNameBase ? 'page' : undefined}
@@ -59,6 +61,13 @@ export function MenuPrincipal(props: MenuProps) {
       <MenuItem href="/contact" {...props}>
         Contact
       </MenuItem>
+      <MenuItem
+        href="https://rencontres.territoiresentransitions.fr/"
+        external
+        {...props}
+      >
+        Rencontres
+      </MenuItem>
     </ul>
   );
 }