Merge pull request #2631 from refugies-info:matthieu/ri-472-mi-dsfr-s…

…ection-2-les-onglets-ancres-de-navigation feat(client): ✨ navbar
refugies-info · Feb 12, 2025 · 73748f4 · 73748f4
2 parents 353c862 + 678be5c
commit 73748f4
Show file tree

Hide file tree

Showing 5 changed files with 448 additions and 365 deletions.
diff --git a/apps/client/src/components/Pages/staticPages/common/SecondaryNavbar/SecondaryNavbar.tsx b/apps/client/src/components/Pages/staticPages/common/SecondaryNavbar/SecondaryNavbar.tsx
@@ -6,15 +6,13 @@ import styles from "./SecondaryNavbar.module.scss";
 
 type LinkNavbar = {
   id: string;
-  color: "green" | "purple" | "orange" | "red" | "blue";
   text: string;
 };
 
 interface Props {
   leftLinks: LinkNavbar[];
-  rightLink: LinkNavbar;
+  rightLink?: LinkNavbar;
   activeView: string | null;
-  isSticky: boolean;
 }
 
 const SecondaryNavbar = (props: Props) => {
@@ -43,18 +41,20 @@ const SecondaryNavbar = (props: Props) => {
             }))}
           />
         </div>
-        <div className="hidden md:block">
-          <Button
-            iconId="fr-icon-arrow-right-line"
-            iconPosition="right"
-            linkProps={{
-              onClick: smoothScroll,
-              href: `#${props.rightLink.id}`,
-            }}
-          >
-            {props.rightLink.text}
-          </Button>
-        </div>
+        {props.rightLink && (
+          <div className="hidden md:block">
+            <Button
+              iconId="fr-icon-arrow-right-line"
+              iconPosition="right"
+              linkProps={{
+                onClick: smoothScroll,
+                href: `#${props.rightLink.id}`,
+              }}
+            >
+              {props.rightLink.text}
+            </Button>
+          </div>
+        )}
       </div>
     </div>
   );

diff --git a/apps/client/src/locales/fr/common.json b/apps/client/src/locales/fr/common.json
@@ -840,6 +840,13 @@
     "join_traducteur_title": "Polyglottes bénévoles ?",
     "join_traducteur_subtitle": "L’information sur Réfugiés.info est traduite de manière collaborative. Vous maîtrisez une langue disponible sur la plateforme ? Vous pouvez aider à traduire le contenu à votre convenance. Votre travail sera lu par un de nos experts avant d’être publié. Rejoignez la communauté des traducteurs bénévoles.",
     "join_traducteur_cta": "Traduire une fiche",
-    "join_meeting_cta": "Prendre rendez-vous"
+    "join_meeting_cta": "Prendre rendez-vous",
+    "navbarItem1": "La mission",
+    "navbarItem2": "L’impact",
+    "navbarItem3": "Les usagers",
+    "navbarItem4": "Les chiffres clés",
+    "navbarItem5": "L’équipe",
+    "navbarItem6": "Les contributeurs",
+    "navbarItem7": "Les moments clés"
   }
 }