gray-mueller / gray-mueller/deliveroo-clone-app-using-react-js

"tip" functionality redundancy while placing ordering

Open Beginner friendly
#335 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Describe the bug
the same value as "1%" is presented on order list and only the first button is functional and not the other two, moreover 1percent tip is set by default and not selected by user. upon selection of the first button all 3 are selected.

To Reproduce
Steps to reproduce the behavior:

Go to 'find restaurants'
Click on 'Food Corner-East'
Select your order
Proceed to tipping.
Expected behavior
only selected buttons should be visible as selected, and only one should be selected

Screenshot 2024-03-08 172831

image

Desktop (please complete the following information):

OS: Windows
Browser Chrome
Version 122.0.6261.95 (Official Build) (64-bit)

Contributor guide

Open the contributing guide

Research direction

Reproduce the flow from “find restaurants” through “Food Corner-East,” selecting an order, and proceeding to tipping in Chrome on Windows. Inspect the tipping UI reached by that flow and verify the three buttons’ selection and click behavior. Done means only the selected tip button appears selected, exactly one button is selected, and the default 1% tip is not treated as user-selected.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
64/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.