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

Enatega Customer App: Incorrect order flow with stripe payment integration

Open
#560 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 placing an order using Stripe, the current flow places the order before collecting Stripe payment details. After confirming the order, the user is taken to the Stripe checkout page. Payment details should be collected first, and the order should be placed only after successful payment confirmation.

To Reproduce
Steps to reproduce the behavior:

Add items to the cart.
Proceed to checkout.
Select Stripe as the payment method.
Place the order.
Observe that the order is placed immediately, and then the user is redirected to Stripe checkout.
Expected behavior
User should be taken to Stripe checkout before placing the order. The order should only be created after Stripe confirms successful payment.

Smartphone :

Device: [infinix]
OS: [Android]
Browser [app]

Labels: Enatega Multivendor Customer App, Bug

Contributor guide

Open the contributing guide

Research direction

Start by tracing the customer app checkout flow from selecting Stripe through order creation and the Stripe checkout redirect. Verify where the order is created and where payment confirmation returns to the app. Done means Stripe collects and confirms payment before the order is created, while failed or cancelled payments create no order.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
payments
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.