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

Address Alignment Issue in Checkout Section

Open
#413 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
Users of the Enatega Multivendor Customer App are encountering a critical alignment issue in the checkout section related to address display.

To Reproduce
Steps to reproduce the behavior:

Open the Enatega Multivendor Customer App.
Log in with valid credentials.
Add products to the cart and proceed to the checkout section.
Observe the alignment of the user's address details.
Expected behavior
In the checkout section, the user's address details should be displayed with proper alignment, ensuring a clear and organized presentation.

Screenshots
WhatsApp Image 2024-01-10 at 18 34 16_acb29e84

Smartphone:

Device: iPhone and android
Additional context

The alignment issue has been reported by multiple users.
The problem is consistent across different devices.
Any specific scenarios or conditions triggering the alignment problem should be noted.

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue in the checkout section of the Enatega Multivendor Customer App on both iPhone and Android, then trace the component that renders the user's address details. Done means the address is consistently aligned and clearly presented across the reported devices.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.