Bug: Verification Modal Shows Success Message Even When Email Delivery Fails

[riddhisharma7905]

Description

The email verification modal displays conflicting information when the verification email fails to send.

The modal states that a verification code has been sent to the user's email address, while simultaneously showing an error message indicating that the verification email could not be delivered.

This creates confusion about whether the verification code was actually generated and sent.

Steps to Reproduce

1. Register or trigger the email verification flow.
2. Reach the verification modal.
3. Observe the displayed messages when email delivery fails.

Expected Behavior

• If the verification email is sent successfully, only the success message should be displayed.
• If the email fails to send, the modal should clearly indicate the failure and should not display a success confirmation.
• The OTP input should only be enabled when a verification code has been successfully generated and sent.

Actual Behavior

• The modal displays:

  • "We sent a verification code to ..."
  • "We couldn't send the verification email. Click Resend."

• Both messages are shown simultaneously, creating contradictory UI states.

Impact

• Users cannot determine whether a verification code was actually sent.
• Creates confusion during account verification.
• May lead to repeated resend attempts and poor user experience.

Possible Fix

• Synchronize success and error states in the verification flow.
• Only display the success message after successful email delivery confirmation.
• Hide or disable OTP verification until the email is successfully sent.
• Ensure frontend messaging reflects the actual backend response.

[aarushlohit]

I would like to work on this issue under GSSOC26 /claim /assign

[anjali20006]

Hi @0rigin-c0de

I'd like to work on this issue.

My proposed implementation is:

• Review the email verification flow and identify how success and error states are currently managed in the verification modal.
• Ensure the success message is displayed only after receiving confirmation that the verification email was sent successfully.
• Prevent contradictory UI states by making success and error messages mutually exclusive.
• Disable or hide OTP verification inputs when email delivery fails.
• Update the UI to accurately reflect the backend response and guide users to retry through the resend option when necessary.
• Test both successful and failed email delivery scenarios to ensure consistent behavior and a clear user experience.

Please assign this issue to me. Thank you!