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

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

Open
#286 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

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 admin app and reproduce the issue by leaving required fields empty while entering other information. Trace the required-field validation and SAVE button state; done means SAVE remains inactive until all required fields are filled, with the existing validation behavior still working.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.