♻️ Add better error handling in group form

incubateur-ademe · Feb 19, 2025 · 6378b2d · 6378b2d
1 parent 5c2423c
commit 6378b2d
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 0 deletions.
diff --git a/src/app/(simulation)/(large-layout)/amis/creer/votre-groupe/_components/NameForm.tsx b/src/app/(simulation)/(large-layout)/amis/creer/votre-groupe/_components/NameForm.tsx
@@ -32,6 +32,8 @@ export default function NameForm() {
     formState: { errors },
   } = useReactHookForm<Inputs>()
 
+  const [error, setError] = useState('')
+
   const { user } = useUser()
 
   const searchParams = useSearchParams()
@@ -69,6 +71,10 @@ export default function NameForm() {
   ])
 
   async function onSubmit({ name, emoji }: Inputs) {
+    if (error) {
+      setError('')
+    }
+
     try {
       const administratorEmail = formatEmail(
         searchParams.get('administratorEmail')
@@ -96,6 +102,11 @@ export default function NameForm() {
 
       setShouldNavigate(group.id)
     } catch (e) {
+      setError(
+        t(
+          'Une erreur est survenue. Si le problème persiste, veuillez contacter notre support.'
+        )
+      )
       captureException(e)
     }
   }
@@ -126,6 +137,8 @@ export default function NameForm() {
         error={errors.emoji?.message}
       />
 
+      {error && <p className="mt-4 text-sm text-red-700">{error}</p>}
+
       <Button
         type="submit"
         data-cypress-id="button-validate-create-group"

diff --git a/src/locales/ui/ui-en.yaml b/src/locales/ui/ui-en.yaml
@@ -1577,3 +1577,4 @@ entries:
   Cookies utilisés par PostHog: Cookies used by PostHog
   Voir la liste des cookies utilisés par PostHog: See the list of cookies used by PostHog
   "Nous utilisons également PostHog pour mesurer l'audience de notre site. La liste des cookies utilisés est disponible ici :": 'We also use PostHog to measure the audience for our site. The list of cookies used is available here :'
+  Une erreur est survenue. Si le problème persiste, veuillez contacter notre support.: An error has occurred. If the problem persists, please contact our support team.
diff --git a/src/locales/ui/ui-es.yaml b/src/locales/ui/ui-es.yaml
@@ -1570,3 +1570,4 @@ entries:
   Cookies utilisés par PostHog: Cookies utilizadas por PostHog
   Voir la liste des cookies utilisés par PostHog: Ver la lista de cookies utilizadas por PostHog
   "Nous utilisons également PostHog pour mesurer l'audience de notre site. La liste des cookies utilisés est disponible ici :": 'También utilizamos PostHog para medir la audiencia de nuestro sitio. La lista de cookies utilizadas está disponible aquí :'
+  Une erreur est survenue. Si le problème persiste, veuillez contacter notre support.: Se ha producido un error. Si el problema persiste, póngase en contacto con nuestro equipo de asistencia.
diff --git a/src/locales/ui/ui-fr.yaml b/src/locales/ui/ui-fr.yaml
@@ -1158,3 +1158,4 @@ entries:
   Cookies utilisés par PostHog: Cookies utilisés par PostHog
   "Nous utilisons également PostHog pour mesurer l'audience de notre site. La liste des cookies utilisés est disponible ici :": "Nous utilisons également PostHog pour mesurer l'audience de notre site. La liste des cookies utilisés est disponible ici :"
   Voir la liste des cookies utilisés par PostHog: Voir la liste des cookies utilisés par PostHog
+  Une erreur est survenue. Si le problème persiste, veuillez contacter notre support.: Une erreur est survenue. Si le problème persiste, veuillez contacter notre support.