From de361df6809439cbc682f3218b07ee99ff384c11 Mon Sep 17 00:00:00 2001
From: Sylvain Lafay <sylvain.lafay@ign.fr>
Date: Tue, 24 Oct 2023 14:55:09 +0200
Subject: [PATCH] fix: ajout et formatage des liens

---
 assets/pages/footer/Accessibility.tsx | 36 ++++++++++++++++++++-------
 assets/pages/footer/LegalNotice.tsx   |  2 +-
 assets/pages/footer/Sitemap.tsx       | 16 ++++++------
 3 files changed, 36 insertions(+), 18 deletions(-)

diff --git a/assets/pages/footer/Accessibility.tsx b/assets/pages/footer/Accessibility.tsx
index f6bcb5ba..d02b20de 100644
--- a/assets/pages/footer/Accessibility.tsx
+++ b/assets/pages/footer/Accessibility.tsx
@@ -95,15 +95,33 @@ const Accessibility = () => {
                     <h3>Pages du site ayant fait l’objet de la vérification de conformité</h3>
 
                     <ol>
-                        <li>Accueil</li>
-                        <li>Mentions légales</li>
-                        <li>Faq</li>
-                        <li>Plan du site</li>
-                        <li>A propos</li>
-                        <li>Détail actualité</li>
-                        <li>Actualités</li>
-                        <li>Contact</li>
-                        <li>Accessibilité</li>
+                        <li>
+                            <a {...routes.home().link}>Accueil</a>
+                        </li>
+                        <li>
+                            <a {...routes.legal_notice().link}>Mentions légales</a>
+                        </li>
+                        <li>
+                            <a {...routes.faq().link}>Faq</a>
+                        </li>
+                        <li>
+                            <a {...routes.sitemap().link}>Plan du site</a>
+                        </li>
+                        <li>
+                            <a {...routes.about().link}>A propos</a>
+                        </li>
+                        <li>
+                            <a {...routes.news_article({ slug: "premieres-versions-adaptatives-des-api-javascript-geoportail" }).link}>Détail actualité</a>
+                        </li>
+                        <li>
+                            <a {...routes.news_list().link}>Actualités</a>
+                        </li>
+                        <li>
+                            <a {...routes.contact().link}>Contact</a>
+                        </li>
+                        <li>
+                            <a {...routes.accessibility().link}>Accessibilité</a>
+                        </li>
                     </ol>
 
                     <h2>Retour d’information et contact</h2>
diff --git a/assets/pages/footer/LegalNotice.tsx b/assets/pages/footer/LegalNotice.tsx
index ca63b71d..83df009e 100644
--- a/assets/pages/footer/LegalNotice.tsx
+++ b/assets/pages/footer/LegalNotice.tsx
@@ -43,7 +43,7 @@ const LegalNotice = () => {
                     </p>
 
                     <p>
-                        <a href={routes.personal_data().href}>En savoir plus sur les données à caractère personnel</a>
+                        <a {...routes.personal_data().link}>En savoir plus sur les données à caractère personnel</a>
                     </p>
 
                     <h2>Droit de propriété intellectuelle</h2>
diff --git a/assets/pages/footer/Sitemap.tsx b/assets/pages/footer/Sitemap.tsx
index ecd364a3..d5fffe22 100644
--- a/assets/pages/footer/Sitemap.tsx
+++ b/assets/pages/footer/Sitemap.tsx
@@ -19,30 +19,30 @@ const SiteMap = () => {
                                 <span>Commencer avec cartes.gouv</span>
                                 <ul>
                                     <li>
-                                        <a href={routes.docs().href}>Documentation</a>
+                                        <a {...routes.docs().link}>Documentation</a>
                                     </li>
                                     <li>
-                                        <a href={routes.faq().href}>Questions fréquentes</a>
+                                        <a {...routes.faq().link}>Questions fréquentes</a>
                                     </li>
                                     <li>
-                                        <a href={routes.contact().href}>Nous écrire</a>
+                                        <a {...routes.contact().link}>Nous écrire</a>
                                     </li>
                                 </ul>
                             </li>
                             <li>
-                                <a href={routes.news_list().href}>Actualités</a>
+                                <a {...routes.news_list().link}>Actualités</a>
                             </li>
                             <li>
-                                <a href={routes.about().href}>A propos</a>
+                                <a {...routes.about().link}>A propos</a>
                             </li>
                             <li>
-                                <a href={routes.accessibility().href}>Accessibilité</a>
+                                <a {...routes.accessibility().link}>Accessibilité</a>
                             </li>
                             <li>
-                                <a href={routes.legal_notice().href}>Mentions légales</a>
+                                <a {...routes.legal_notice().link}>Mentions légales</a>
                             </li>
                             <li>
-                                <a href={routes.personal_data().href}>Données personnelles</a>
+                                <a {...routes.personal_data().link}>Données personnelles</a>
                             </li>
                         </ul>
                     </div>