marthaegrimaldi / marthaegrimaldi/food-ordering-application-using-react-native
Chat Support Form on "Get Help" Page Fails Silently When Fields Are Incomplete
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 1
- Forks
- 1
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
On the "Get Help" page in the web app, if a user attempts to submit the chat support form without filling all required fields and presses the Send button, the app does not display any response or validation message. The form remains static, leaving the user unaware of what went wrong.
To Reproduce
Steps to reproduce the behavior:
Open the web app
Navigate to the "Get Help" page
Fill only some of the required fields in the chat support form
Click on the Send button
Observe that nothing happens—no error or feedback message is displayed
Expected behavior
If any required field is left empty, the form should display a clear validation message indicating which field(s) need to be completed. The user should not be able to proceed without addressing those fields.
Screenshots
ScreenRecording_06-17-2025.14-42-58_1.MP4
Desktop (please complete the following information):
OS: Windows 11
Browser: Chrome
Additional context
Lack of proper validation feedback may lead to user frustration and failed support requests. A simple validation mechanism with visual cues (e.g., red borders, inline messages) can greatly improve the experience.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by locating the web app's "Get Help" page and its chat support form entry point, then reproduce submission with one or more required fields empty. Trace how the Send action handles incomplete input. Done means the form shows clear feedback for each missing required field and does not proceed until they are completed.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react-native
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100