From 4f207099a37e85482cbf42bea490a8bb4bc25ca6 Mon Sep 17 00:00:00 2001
From: Arthur Belleville <arthur.belleville@datadoghq.com>
Date: Sat, 5 Jul 2025 21:11:16 +0200
Subject: [PATCH] Add timeouts to the toasts

---
 ui/src/components/SignOutButton.tsx | 36 ++++++++++++++++++-----------
 ui/src/hooks/auth.ts                | 34 +++++++++++++++++----------
 2 files changed, 45 insertions(+), 25 deletions(-)

diff --git a/ui/src/components/SignOutButton.tsx b/ui/src/components/SignOutButton.tsx
index 1185bb7..8b2b7f1 100644
--- a/ui/src/components/SignOutButton.tsx
+++ b/ui/src/components/SignOutButton.tsx
@@ -12,24 +12,34 @@ export const SignOutButton = () => {
     logout(undefined, {
       onSuccess: () => {
         setShowSuccess(true);
-        toast.add({
-          title: "Déconnexion réussie",
-          description: "Vous avez été déconnecté avec succès",
-          type: "success",
-          position: "top-right",
-        });
+        toast.add(
+          {
+            title: "Déconnexion réussie",
+            description: "Vous avez été déconnecté avec succès",
+            type: "success",
+          },
+          {
+            timeout: 5000,
+          }
+        );
         setTimeout(() => {
           setShowSuccess(false);
         }, 1000);
       },
       onError: (error) => {
-        toast.add({
-          title: "Erreur de déconnexion",
-          description:
-            error?.message || "Une erreur est survenue lors de la déconnexion",
-          type: "error",
-          position: "top-right",
-        });
+        toast.add(
+          {
+            title: "Erreur de déconnexion",
+            description:
+              error?.message ||
+              "Une erreur est survenue lors de la déconnexion",
+            type: "error",
+            position: "top-right",
+          },
+          {
+            timeout: 5000,
+          }
+        );
       },
     });
   };
diff --git a/ui/src/hooks/auth.ts b/ui/src/hooks/auth.ts
index 579c22f..6daf054 100644
--- a/ui/src/hooks/auth.ts
+++ b/ui/src/hooks/auth.ts
@@ -86,12 +86,17 @@ export function useSignUp() {
           errMap["email"] = "Cette adresse email est déjà utilisée";
         })
         .otherwise(() => {
-          toast.add({
-            title: "Erreur",
-            description: error.message,
-            type: "error",
-            position: "top-left",
-          });
+          toast.add(
+            {
+              title: "Erreur",
+              description: error.message,
+              type: "error",
+              position: "top-left",
+            },
+            {
+              timeout: 5000,
+            }
+          );
         });
 
       setErrors(errMap);
@@ -146,12 +151,17 @@ export function useLoginEmail() {
           setErrors({ email: "Email ou mot de passe incorrect" });
         })
         .otherwise(() => {
-          toast.add({
-            title: "Erreur",
-            description: error.message,
-            type: "error",
-            position: "top-left",
-          });
+          toast.add(
+            {
+              title: "Erreur",
+              description: error.message,
+              type: "error",
+              position: "top-left",
+            },
+            {
+              timeout: 5000,
+            }
+          );
         });
     },
   });