feat: Add quiz

.github/workflows/e2e.yml

@@ -52,7 +52,7 @@ jobs:
         id: lighthouseCheck
         with:
           device: all
-          urls: 'http://localhost:3000,http://localhost:3000/outils/comparateur,http://localhost:3000/outils/usagenumerique,http://localhost:3000/outils/livraison,http://localhost:3000/outils/chauffage,http://localhost:3000/outils/transport,http://localhost:3000/outils/fruitsetlegumes,http://localhost:3000/outils/chauffage/pompeachaleur,http://localhost:3000/outils/usagenumerique/visioconference'
+          urls: 'http://localhost:3000,http://localhost:3000/outils/comparateur,http://localhost:3000/outils/usagenumerique,http://localhost:3000/outils/livraison,http://localhost:3000/outils/chauffage,http://localhost:3000/outils/transport,http://localhost:3000/outils/fruitsetlegumes,http://localhost:3000/outils/chauffage/pompeachaleur,http://localhost:3000/outils/usagenumerique/visioconference,http://localhost:3000/outils/quiz'
           outputDirectory: ${{ github.workspace }}/tmp/artifacts
       - name: Verify Lighthouse Check results
         uses: foo-software/lighthouse-check-status-action@master

app/(iframes)/iframes/quiz/page.tsx

@@ -0,0 +1,8 @@
+import React from 'react'
+import Quiz from 'components/outils/quiz/Quiz'
+
+const page = () => {
+  return <Quiz />
+}
+
+export default page

app/(public)/outils/quiz/page.tsx

@@ -0,0 +1,32 @@
+import { Metadata } from 'next'
+import React from 'react'
+import QuizPage from 'components/outils/quiz/QuizPage'
+import { metaDescriptions, metaTitles } from 'utils/meta'
+import Suggestion from 'components/layout/Suggestion'
+
+export async function generateMetadata({
+  searchParams,
+}: {
+  searchParams: { [key: string]: string | string[] | undefined }
+}): Promise<Metadata> {
+  const language = (searchParams.language as string) || 'fr'
+  return {
+    title: `${metaTitles.quiz[language]} | Impact CO₂`,
+    description: metaDescriptions.quiz[language],
+    openGraph: {
+      creators: 'ADEME',
+      images: 'meta/quiz.png',
+    },
+  }
+}
+
+const page = () => {
+  return (
+    <>
+      <QuizPage />
+      <Suggestion from='/outils/quiz' fromLabel='Quiz carbone' simulatorName='du quiz carbone' />
+    </>
+  )
+}
+
+export default page

npm/react/README.md

@@ -262,12 +262,12 @@ Liste des équivalents à comparer parmis la liste suivante :
   - visioconference : Heure de visioconférence
   - telechargement : go de donnée
 - Cas pratique
-  - avionpny : A/R paris - New-York en avion
-  - tgvparis-berlin" : A/R Paris - Berlin en tgv
-  - tgvparis-marseille" : A/R Paris - Marseille en tgv
-  - voiturelille-nimes" : A/R Lille - Nîmes en voiture
+  - avion-pny : A/R paris - New-York en avion
+  - tgv-paris-berlin" : A/R Paris - Berlin en tgv
+  - tgv-paris-marseille" : A/R Paris - Marseille en tgv
+  - voiture-lille-nimes" : A/R Lille - Nîmes en voiture
   - francais : % de l'empreinte carbone d'un citoyen français
-  - gameof-thrones : épisode de game of thrones en streaming
+  - game-of-thrones : épisode de game of thrones en streaming
   - friends : intégrale de friends en streaming