From eec6a4688331046f9a3fbc69942c5479876cd257 Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Tue, 25 Feb 2025 19:56:00 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8(frontend)=20make=20explicit=20why?=
 =?UTF-8?q?=20a=20page=20is=20not=20found?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Enhance the error message based on @spaccoud's feedback,
explain to the user why a page is not found.
---
 src/frontend/src/components/NotFoundScreen.tsx | 9 ++++++++-
 src/frontend/src/locales/de/global.json        | 3 ++-
 src/frontend/src/locales/en/global.json        | 3 ++-
 src/frontend/src/locales/fr/global.json        | 3 ++-
 4 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/components/NotFoundScreen.tsx b/src/frontend/src/components/NotFoundScreen.tsx
index 56caf247..6f7d9129 100644
--- a/src/frontend/src/components/NotFoundScreen.tsx
+++ b/src/frontend/src/components/NotFoundScreen.tsx
@@ -1,12 +1,19 @@
 import { CenteredContent } from '@/layout/CenteredContent'
 import { Screen } from '@/layout/Screen'
+import { Text } from '@/primitives/Text'
 import { useTranslation } from 'react-i18next'
+import { Bold } from '@/primitives'
 
 export const NotFoundScreen = () => {
   const { t } = useTranslation()
   return (
     <Screen layout="centered">
-      <CenteredContent title={t('notFound.heading')} withBackButton />
+      <CenteredContent title={t('notFound.heading')} withBackButton>
+        <Text centered>
+          {t('notFound.body')}{' '}
+          <Bold>https://visio.numerique.gouv.fr/xxx-yyyy-zzz.</Bold>
+        </Text>
+      </CenteredContent>
     </Screen>
   )
 }
diff --git a/src/frontend/src/locales/de/global.json b/src/frontend/src/locales/de/global.json
index 11c2779a..bd6d27b1 100644
--- a/src/frontend/src/locales/de/global.json
+++ b/src/frontend/src/locales/de/global.json
@@ -22,7 +22,8 @@
   },
   "logout": "",
   "notFound": {
-    "heading": ""
+    "heading": "",
+    "body": ""
   },
   "submit": "OK",
   "footer": {
diff --git a/src/frontend/src/locales/en/global.json b/src/frontend/src/locales/en/global.json
index 11316ff5..c9a27f9b 100644
--- a/src/frontend/src/locales/en/global.json
+++ b/src/frontend/src/locales/en/global.json
@@ -22,7 +22,8 @@
   },
   "logout": "Logout",
   "notFound": {
-    "heading": "Page not found"
+    "heading": "Verify your meeting code",
+    "body": "Check that you have entered the correct meeting code in the URL. Example:"
   },
   "submit": "OK",
   "footer": {
diff --git a/src/frontend/src/locales/fr/global.json b/src/frontend/src/locales/fr/global.json
index 15424a3b..0fc59dbe 100644
--- a/src/frontend/src/locales/fr/global.json
+++ b/src/frontend/src/locales/fr/global.json
@@ -22,7 +22,8 @@
   },
   "logout": "Se déconnecter",
   "notFound": {
-    "heading": "Page introuvable"
+    "heading": "Vérifier votre code de réunion",
+    "body": "Vérifiez que vous avez saisi le code de réunion correct dans l'URL. Exemple :"
   },
   "submit": "OK",
   "footer": {