gray-mueller / gray-mueller/deliveroo-clone-app-using-react-js

Add Restaurant: SAVE button activated before a user fills in all the required infos (Enatega multivendor admin app)

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

Description

Describe the bug
SAVE button is activated before a user fills in all the infos. It leaves the user to assume that its ok to skip the remaining fields. But when the user clicks the SAVE button, the form fields are highlighted that needs to be filled.

To Reproduce
Steps to reproduce the behavior:

Go to 'Add Restaurant'
Click on 'the form fields to fill some of the infos' and see the SAVE button activated.
Scroll down to 'SAVE button'
See error: Message appears "Fields required" with the unfilled fields highlighted.
Expected behavior
SAVE button activates only when a user fills in all the required infos.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

OS: macOS
Browser chrome
Version 11.3.1
Screenshot 2024-03-28 at 16 03 05
Additional context
Add any other context about the problem here.

Contributor guide

Open the contributing guide

Research direction

Start at the Add Restaurant form in the React admin app and reproduce the behavior by leaving required fields empty after entering some information. The work is done when SAVE remains inactive until every required field is filled, while the form still identifies missing fields when validation occurs.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.