gray-mueller / gray-mueller/foodpanda-clone-using-react-native
Add Restaurant: SAVE button activated before a user fills in all the required infos (Enatega multivendor admin app)
- 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
Research direction
Start at the Add Restaurant form in the admin app and reproduce the behavior in Chrome, checking when the SAVE button becomes enabled and when required-field validation runs. The issue names no source file or test; done means SAVE remains disabled until all required fields are filled and the existing validation behavior is covered by a relevant check.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100