gray-mueller / gray-mueller/food-ordering-app-clone-using-react-js

Bug: Enatega Multivendor Food Delivery Site - Email Field Empty and Uneditable in Password Reset Process

Open
#372 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Bug Description:

When a user attempts to reset their password on the Enatega Multivendor Food Delivery Site by clicking the "Forgot Password" button, a dialog box appears with fields for email and a button to confirm OTP receipt. If the user leaves the email field empty and proceeds, the next dialog box displays with the email field remaining empty and uneditable, causing confusion and hindering the password reset process.

To Reproduce:

Access the Enatega Multivendor Food Delivery Site login page.
Click on the "Forgot Password" button.
In the dialog box that appears, leave the email field empty and proceed.
Observe that in the next dialog box, the email field remains empty and uneditable.

Expected Behavior:

Upon clicking the "Forgot Password" button and leaving the email field empty, the next dialog box should still allow the user to input their email address for OTP confirmation. If the email field is left empty, the field should retain the previously entered email address (if any) from the previous dialog box.

Proposed Solution:

Before proceeding to the next dialog box for OTP confirmation, implement a condition to check if the email field contains a valid email address. If the email field is empty or does not contain a valid email address, prompt the user to input a valid email address before proceeding. Ensure that if the email field was populated in the previous dialog box, its value is retained in the subsequent dialog box for a smoother user experience.
Screencast from 27-02-24 12:16:52 AM IST.webm

Contributor guide

Open the contributing guide

Research direction

Start at the login page's “Forgot Password” flow and trace the transition between the email and OTP dialogs, focusing on how the email value is passed and whether the next field is editable. Done means an empty or invalid email cannot proceed, while a valid previously entered email remains available for OTP confirmation.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
authentication, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.