Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Payments Overview Widget - Data Highlights #8196

Open
anu-rock opened this issue Feb 14, 2024 · 1 comment · May be fixed by #8303
Open

Payments Overview Widget - Data Highlights #8196

anu-rock opened this issue Feb 14, 2024 · 1 comment · May be fixed by #8303
Assignees
@mordeth
Labels
category: projects For any issues which are part of any project, including bugs, enhancements, etc. component: reporting Issues related to Reporting focus: reporting status: blocked The issue is blocked from progressing, waiting for another piece of work to be done.

Comments

@anu-rock
Copy link
Contributor

anu-rock commented Feb 14, 2024 •
edited

Description

Display the key numbers related to TPV in a 4-column layout just below the chart - charges, refunds, disputes, and fees - based on the selected filters.

Acceptance criteria

Tip

Check the design in additional context section below for up-to-date requirements.

  • Create the 4-column layout component to display the key numbers and their trends (based on comparison period).
  • Add tooltip icons for charges and fees.
  • Hovering over each key number should reveal the "view report" link, click which redirects to the relevant report page along with the selected filters (eg. Transactions page). See pepjwh-Jw-p2#comment-872 for requirements specific to this link.
  • Optimize for mobile web - 1-column, 4-row layout with "view report" link permanently visible.
  • Add Tracks event(s) to record clicks on each data highlight.

Designs

image

Additional context

  • Project - paJDYF-bWn-p2
  • Designs - p6riRB-9OY-p2
  • Widget breakdown - pepjwh-Jw-p2
@anu-rock anu-rock self-assigned this Feb 14, 2024
@anu-rock anu-rock added category: projects For any issues which are part of any project, including bugs, enhancements, etc. component: reporting Issues related to Reporting labels Feb 14, 2024
@anu-rock anu-rock mentioned this issue Feb 14, 2024
Open
@mordeth mordeth self-assigned this Feb 23, 2024
@anu-rock anu-rock removed their assignment Feb 29, 2024
@mordeth mordeth linked a pull request Mar 1, 2024 that will close this issue
Draft
6 tasks
@anu-rock anu-rock added the status: blocked The issue is blocked from progressing, waiting for another piece of work to be done. label Mar 18, 2024
@anu-rock
Copy link
Contributor Author

The PR is reviewed and in good shape. Marking the issue as blocked until the API endpoint is ready. cc @Automattic/helix

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@mordeth mordeth

Labels
category: projects For any issues which are part of any project, including bugs, enhancements, etc. component: reporting Issues related to Reporting focus: reporting status: blocked The issue is blocked from progressing, waiting for another piece of work to be done.
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Add Payment Overview Widget data highlight components Automattic/woocommerce-payments
3 participants
@anu-rock @haszari @mordeth