Implement user-friendly error handling

Added server-side error handling for duplicate email registration in the waitlist. When a user attempts to register with an already registered email, a custom error message is returned. Updated client-side logic to display this message in a friendly manner, enhancing user experience. [skip gpt_engineer]
HiThereWsp · Dec 31, 2024 · db0792f · db0792f
1 parent 0438709
commit db0792f
Showing 1 changed file with 17 additions and 3 deletions.
diff --git a/src/components/landing/WaitlistForm.tsx b/src/components/landing/WaitlistForm.tsx
@@ -39,9 +39,23 @@ export const WaitlistForm = () => {
         // Check if it's a duplicate email error
         if (supabaseError.code === '23505') {
           toast({
-            variant: "destructive",
-            title: "Email déjà inscrit",
-            description: "Cette adresse email est déjà inscrite à la liste d'attente.",
+            variant: "default",
+            className: "bg-primary/10 border-primary/20",
+            title: "Vous êtes déjà inscrit ! 🎉",
+            description: (
+              <div className="space-y-2">
+                <p>Merci pour votre enthousiasme ! Nous avons bien noté votre intérêt.</p>
+                <p className="text-sm text-muted-foreground">
+                  Une question ? Contactez-nous à{" "}
+                  <a 
+                    href="mailto:[email protected]" 
+                    className="text-primary hover:underline"
+                  >
+                    [email protected]
+                  </a>
+                </p>
+              </div>
+            ),
           })
           setIsLoading(false)
           return