From e0128b3cb757e870387606ddfbca2ff025b6d04a Mon Sep 17 00:00:00 2001
From: lucieo <luciecamilleory@gmail.com>
Date: Fri, 23 Feb 2024 11:06:48 +0100
Subject: [PATCH] Add nav links

---
 web/components/FooterMenu.tsx        |  8 ++++++++
 web/components/MobileMenu.tsx        | 10 +++++++++-
 web/components/Navigation/Header.tsx | 10 +++++++++-
 web/public/locales/fr/common.json    |  6 ++++--
 4 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/web/components/FooterMenu.tsx b/web/components/FooterMenu.tsx
index 0af9eeab..f3d9181d 100644
--- a/web/components/FooterMenu.tsx
+++ b/web/components/FooterMenu.tsx
@@ -14,6 +14,7 @@ import { Box, Flex, Text, Link as ChakraLink, Divider } from '@chakra-ui/react'
 import { useTranslation } from 'next-i18next'
 import SigninModal from '~components/Signin/SigninModal'
 import { useSession } from 'next-auth/client'
+import useCampaignContext from '~components/Campaign/useCampaignContext'
 
 const MenuItem = ({ href, text }) => {
   return (
@@ -26,6 +27,7 @@ const MenuItem = ({ href, text }) => {
 const FooterMenu = () => {
   const [session, loading] = useSession()
   const { t } = useTranslation()
+  const { currentCampaign } = useCampaignContext()
   return (
     <Box>
       <Flex pr={12}>
@@ -54,6 +56,12 @@ const FooterMenu = () => {
       <Box>
         <MenuItem href={ROUTE_CGU} text={t('nav.cgu')} />
         <MenuItem href={ROUTE_USE_POLICY} text={t('nav.policy')} />
+        {currentCampaign && currentCampaign?.chart_url && (
+          <MenuItem
+            href={currentCampaign?.chart_url}
+            text={t('nav.campaign_chart', { title: currentCampaign?.title })}
+          />
+        )}
       </Box>
     </Box>
   )
diff --git a/web/components/MobileMenu.tsx b/web/components/MobileMenu.tsx
index 1593932a..d4e38fdc 100644
--- a/web/components/MobileMenu.tsx
+++ b/web/components/MobileMenu.tsx
@@ -114,7 +114,9 @@ const MobileMenu = ({ colorMode }: Props) => {
                   />
                   <MenuItem
                     href={`${ROUTE_PLACES}?tab=1`}
-                    text={t('nav.places_emergence')}
+                    text={t('nav.places_emergence', {
+                      title: currentCampaign?.title,
+                    })}
                   />
                 </>
               ) : (
@@ -122,6 +124,12 @@ const MobileMenu = ({ colorMode }: Props) => {
               )}
 
               <MenuItem href={ROUTE_PROJECT} text={t('nav.project')} />
+              {currentCampaign && currentCampaign?.article_link && (
+                <MenuItem
+                  href={currentCampaign?.article_link}
+                  text={t('nav.campaign', { title: currentCampaign?.title })}
+                />
+              )}
               <MenuItem href={ROUTE_ACTU} text={t('nav.news')} />
               <MenuItem href={ROUTE_FAQ} text={t('nav.faq')} />
               <MenuItem href={ROUTE_CONTACT} text={t('nav.contact')} />
diff --git a/web/components/Navigation/Header.tsx b/web/components/Navigation/Header.tsx
index fadfdbbb..cb32213e 100644
--- a/web/components/Navigation/Header.tsx
+++ b/web/components/Navigation/Header.tsx
@@ -89,7 +89,9 @@ const Header = ({ colorMode }: Props) => {
                     {t('nav.places_regular')}
                   </DropdownNavButton>
                   <DropdownNavButton href={`${ROUTE_PLACES}?tab=1`}>
-                    {t('nav.places_emergence')}
+                    {t('nav.places_emergence', {
+                      title: currentCampaign?.title,
+                    })}
                   </DropdownNavButton>
                 </MenuList>
               </Portal>
@@ -108,6 +110,12 @@ const Header = ({ colorMode }: Props) => {
             }}
           />
           <NavButton href={ROUTE_PROJECT} text={t('nav.project')} />
+          {currentCampaign && currentCampaign?.article_link && (
+            <NavButton
+              href={currentCampaign?.article_link}
+              text={t('nav.campaign', { title: currentCampaign?.title })}
+            />
+          )}
           <NavButton href={ROUTE_ACTU} text={t('nav.news')} />
           <NavButton href={ROUTE_FAQ} text={t('nav.faq')} />
           <NavButton href={ROUTE_CONTACT} text={t('nav.contact')} />
diff --git a/web/public/locales/fr/common.json b/web/public/locales/fr/common.json
index e8c1a4ca..88642f47 100644
--- a/web/public/locales/fr/common.json
+++ b/web/public/locales/fr/common.json
@@ -21,8 +21,10 @@
     "signin": "Connexion",
     "cgu": "Conditions générales d'utilisation",
     "policy": "Chartes StudioD",
-    "places_emergence": "Dispositif émergence",
-    "places_regular": "Créneaux solidaires"
+    "places_emergence": "Créneaux {{title}}",
+    "places_regular": "Créneaux solidaires",
+    "campaign": "Dispositif {{title}}",
+    "campaign_chart": "Charte StudioD – {{title}}"
   },
   "error": "Une erreur est survenue",
   "success": "Enregistrement réussi",