fix: detecteur

Author: desoindx

src/components/outils/DetectorInformation.module.css

@@ -19,3 +19,10 @@
   margin: auto;
   width: fit-content;
 }
+
+.imageContainer {
+  img {
+    border: none;
+    padding: 0;
+  }
+}

src/components/outils/DetectorInformation.tsx

@@ -12,7 +12,7 @@ const DetectorInformation = () => {
         ligne et les rend plus parlantes grâce à des comparaisons concrètes choisies parmi plus de 250 objets ou gestes
         du quotidien.
       </p>
-      <p>Pour voir le Détecteur en action, vous pouvez cliquer sur : 100 kg CO2e</p>
+      <p className={styles.imageContainer}>Pour voir le Détecteur en action, vous pouvez cliquer sur : 100 kg CO2e</p>
       <p>
         <b>En fonction du poids identifié</b>, l’algorithme du Détecteur propose une sélection d’équivalents adaptés,
         permettant d’illustrer des quantités carbone aussi bien en grammes de CO2e qu’en millions de tonnes de CO2e.

src/views/AccessibilitePage.tsx

@@ -97,46 +97,70 @@ const AccessibilitePage = () => {
       <h3>Pages du site ayant fait l’objet de la vérification de conformité</h3>
       <ul>
         <li>
-          <Link href='/'> Accueil</Link>
-        </li>
-        <li>
-          <Link href='/rendez-vous'>Contact</Link>
+          <Link prefetch={false} href='/'>
+            {' '}
+            Accueil
+          </Link>
         </li>
         <li>
-          <Link href='/mentions-legales'>Mentions légales</Link>
+          <Link prefetch={false} href='/rendez-vous'>
+            Contact
+          </Link>
         </li>
         <li>
-          <Link href='/accessibilite'>Accessibilité</Link>
+          <Link prefetch={false} href='/mentions-legales'>
+            Mentions légales
+          </Link>
         </li>
         <li>
-          <Link href='/plan-du-site'>Plan du site</Link>
+          <Link prefetch={false} href='/accessibilite'>
+            Accessibilité
+          </Link>
         </li>
         <li>
-          <Link href='/doc/questions-frequentes'>Aide</Link>
+          <Link prefetch={false} href='/plan-du-site'>
+            Plan du site
+          </Link>
         </li>
         <li>
-          <Link href='/outils/comparateur'>Comparateur carbone</Link>
+          <Link prefetch={false} href='/doc/questions-frequentes'>
+            Aide
+          </Link>
         </li>
         <li>
-          <Link href='/outils/transport'>Transport</Link>
+          <Link prefetch={false} href='/outils/comparateur'>
+            Comparateur carbone
+          </Link>
         </li>
         <li>
-          <Link href='/outils/livraison'>Livraison</Link>
+          <Link prefetch={false} href='/outils/transport'>
+            Transport
+          </Link>
         </li>
         <li>
-          <Link href='/outils/usagenumerique/visioconference'>Visioconférence</Link>
+          <Link prefetch={false} href='/outils/livraison'>
+            Livraison
+          </Link>
         </li>
         <li>
-          <Link href='/doc/exemples'>Exemples d’utilisation</Link>
+          <Link prefetch={false} href='/outils/usagenumerique/visioconference'>
+            Visioconférence
+          </Link>
         </li>
         <li>
-          <Link href='/contenu/detecteur-co2'>Le Détecteur CO₂</Link>
+          <Link prefetch={false} href='/doc/exemples'>
+            Exemples d’utilisation
+          </Link>
         </li>
         <li>
-          <Link href='/budget'>Budget</Link>
+          <Link prefetch={false} href='/budget'>
+            Budget
+          </Link>
         </li>
         <li>
-          <Link href='/doc/usage-numerique/acv'>ACV</Link>
+          <Link prefetch={false} href='/doc/usage-numerique/acv'>
+            ACV
+          </Link>
         </li>
       </ul>
       <h2>Retour d’information et contact</h2>

src/views/PlanDuSitePage.tsx

@@ -40,7 +40,7 @@ const PlanDuSitePage = () => {
             </Link>
           </li>
           <li>
-            <Link prefetch={false} href='/contenu/detecteur-co2'>
+            <Link prefetch={false} href='/outils/detecteur'>
               Le Détecteur CO₂
             </Link>
           </li>

teste/detecteur-co2.spec.ts

@@ -2,6 +2,6 @@ import { test } from '@playwright/test'
 import { detecteurCO2Test } from './detecteur-co2'
 
 test('Display detector', async ({ page }) => {
-  await page.goto('/contenu/detecteur-co2')
-  await detecteurCO2Test(page, 100, '100 kg de CO₂e')
+  await page.goto('/outils/detecteur')
+  await detecteurCO2Test(page, 100, '100 kg CO2e')
 })