Margaret-Petersen / Margaret-Petersen/uber-eats-clone-using-react-native

Add Comprehensive Payment Method Breakdown to Dashboard

Open
#1,129 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Is your feature request related to a problem? Please describe.
I'm always frustrated when I can't see the breakdown of all payment methods on the dashboard. Currently, only the Cash on Delivery (COD) sales are displayed, which limits my ability to quickly assess the performance of other payment methods.

Describe the solution you'd like
I would like the dashboard to display the sales data for all payment methods, similar to how the Cash on Delivery (COD) sales are shown. This would include a breakdown of payments made via credit/debit cards, online banking, and other available methods. Each payment method should have its own section or chart for clear visibility.

Describe alternatives you've considered
An alternative solution could be to add a filter option that allows users to select which payment methods they want to view on the dashboard. This would still provide the necessary insights while offering flexibility in how the data is displayed.

feature addition request
Please see the attached screenshot of the current dashboard. The new feature should integrate seamlessly into the existing layout, ideally positioned alongside the COD sales data.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the dashboard code that currently displays Cash on Delivery sales and trace the payment data available to it. Done means the dashboard shows separate sales data for every available payment method, or provides the requested selection filter, within the existing layout.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
payments
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.