gray-mueller / gray-mueller/online-food-ordering-solution-using-react-js

"Order Cancelled" pop-up disappears quickly; should include explicit acknowledgment button

Open
#539 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
When a user cancels an order, the "Order has been cancelled" pop-up appears but only remains visible for about a second before automatically disappearing. To improve user experience and ensure the message is properly acknowledged, the pop-up should include an explicit button such as "OK" or a back button, requiring user interaction to dismiss.

To Reproduce
Steps to reproduce the behavior:

Place an order through the app.
Cancel the order before it is delivered or assigned.
Observe the "Order has been cancelled" pop-up that appears.
Notice that it disappears quickly without user interaction.
Expected behavior
The pop-up should include an acknowledgment button ("OK" or "Back") that the user must tap to dismiss, ensuring they see and acknowledge the cancellation message.

Desktop (please complete the following information):

OS: [e.g. iOS]
Browser [e.g. chrome, safari]
Version [e.g. 22]
Smartphone (please complete the following information):

Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser [e.g. stock browser, safari]
Version [e.g. 22]
Additional context
Add any other context about the problem here.

Labels: Enatega Multivendor Customer App, Bug

Contributor guide

Open the contributing guide

Research direction

Start by running the customer app and reproducing the cancellation flow: place an order, cancel it, and observe the cancellation pop-up. Locate the code responsible for that pop-up and make the acknowledgment control keep it visible until the user dismisses it; verify the flow no longer closes automatically.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Clearly specified
Newbie friendliness
62/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.