feat(auth): add resend verification email to registration screen

- Add prominent email verification success UI with resend button
- Show resend verification option when registration fails with "not verified" error
- Improve form spacing with space-y-4 for better visual consistency
- Add translations for resend verification in all languages (de, en, fr, it, es)
- Update all 13 app register pages to pass onResendVerification prop

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Till-JS 2026-02-01 12:44:28 +01:00
parent 1c6505890d
commit d703ccfd80
20 changed files with 236 additions and 18 deletions

View file

@ -46,7 +46,11 @@
"passwordTooShort": "Passwort muss mindestens 8 Zeichen lang sein",
"passwordStrengthError": "Passwort muss Kleinbuchstaben, Großbuchstaben, Zahl und Sonderzeichen enthalten",
"registrationFailed": "Registrierung fehlgeschlagen",
"accountCreated": "Konto erstellt! Bitte überprüfe deine E-Mails, um dein Konto zu bestätigen."
"accountCreated": "Konto erstellt! Bitte überprüfe deine E-Mails, um dein Konto zu bestätigen.",
"resendVerification": "Bestätigungs-E-Mail erneut senden",
"resendingVerification": "Wird gesendet...",
"verificationEmailSent": "Bestätigungs-E-Mail wurde gesendet! Bitte überprüfe deinen Posteingang.",
"checkYourEmail": "Überprüfe deine E-Mails"
},
"forgotPassword": {
"titleForm": "Passwort zurücksetzen",

View file

@ -46,7 +46,11 @@
"passwordTooShort": "Password must be at least 8 characters",
"passwordStrengthError": "Password must include lowercase, uppercase, number, and special character",
"registrationFailed": "Registration failed",
"accountCreated": "Account created! Please check your email to verify your account."
"accountCreated": "Account created! Please check your email to verify your account.",
"resendVerification": "Resend verification email",
"resendingVerification": "Sending...",
"verificationEmailSent": "Verification email sent! Please check your inbox.",
"checkYourEmail": "Check your email"
},
"forgotPassword": {
"titleForm": "Reset Password",

View file

@ -46,7 +46,11 @@
"passwordTooShort": "La contraseña debe tener al menos 8 caracteres",
"passwordStrengthError": "La contraseña debe incluir minúsculas, mayúsculas, números y caracteres especiales",
"registrationFailed": "Error en el registro",
"accountCreated": "¡Cuenta creada! Por favor revisa tu correo para verificar tu cuenta."
"accountCreated": "¡Cuenta creada! Por favor revisa tu correo para verificar tu cuenta.",
"resendVerification": "Reenviar correo de verificación",
"resendingVerification": "Enviando...",
"verificationEmailSent": "¡Correo de verificación enviado! Por favor revisa tu bandeja de entrada.",
"checkYourEmail": "Revisa tu correo"
},
"forgotPassword": {
"titleForm": "Restablecer Contraseña",

View file

@ -46,7 +46,11 @@
"passwordTooShort": "Le mot de passe doit contenir au moins 8 caractères",
"passwordStrengthError": "Le mot de passe doit contenir des minuscules, majuscules, chiffres et caractères spéciaux",
"registrationFailed": "Échec de l'inscription",
"accountCreated": "Compte créé ! Veuillez vérifier votre email pour activer votre compte."
"accountCreated": "Compte créé ! Veuillez vérifier votre email pour activer votre compte.",
"resendVerification": "Renvoyer l'email de vérification",
"resendingVerification": "Envoi en cours...",
"verificationEmailSent": "Email de vérification envoyé ! Veuillez vérifier votre boîte de réception.",
"checkYourEmail": "Vérifiez votre boîte mail"
},
"forgotPassword": {
"titleForm": "Réinitialiser le mot de passe",

View file

@ -62,6 +62,10 @@ export interface AuthTranslations {
passwordStrengthError: string;
registrationFailed: string;
accountCreated: string;
resendVerification?: string;
resendingVerification?: string;
verificationEmailSent?: string;
checkYourEmail?: string;
};
forgotPassword: {
titleForm: string;

View file

@ -46,7 +46,11 @@
"passwordTooShort": "La password deve contenere almeno 8 caratteri",
"passwordStrengthError": "La password deve contenere minuscole, maiuscole, numeri e caratteri speciali",
"registrationFailed": "Registrazione fallita",
"accountCreated": "Account creato! Controlla la tua email per verificare il tuo account."
"accountCreated": "Account creato! Controlla la tua email per verificare il tuo account.",
"resendVerification": "Invia di nuovo l'email di verifica",
"resendingVerification": "Invio in corso...",
"verificationEmailSent": "Email di verifica inviata! Controlla la tua casella di posta.",
"checkYourEmail": "Controlla la tua email"
},
"forgotPassword": {
"titleForm": "Reimposta Password",