Epic: Show a payment activity widget on the overview screen, with total payment volume for the last 7 days, for the store’s primary currency

[Jinksi]

• This widget appears below the balance box and is independent of currency changes using the currency tab on the balance box.
• This widget always shows payment volume in the store's primary currency.
• On click of the payment volume, redirects to Transactions page filtered by date for all types of Transactions. This click is recorded by track - track event name TBD

Tasks

Preview Give feedback

1. Create Payment Activity Parent Component | Simplify UX Phase 1 | Iteration 1 #8389
   category: projects focus: reporting +2
   
2. [Task] Add a basic UI for data tiles - Total payment volume, charges, refunds, disputes and fees #8595
   category: projects focus: reporting +2
   
3. [Task] - Fix spelling Payments to Payment #8629
   category: projects category: refactor focus: reporting +3
   
4. https://github.com/Automattic/woocommerce-payments-server/issues/5145
5. https://github.com/Automattic/woocommerce-payments-server/issues/5005
6. Show TPV of last 7 days for the store's primary currency in payment activity widget #8510
   category: projects focus: reporting +2
   
7. [Task] Render tooltips for all tiles in the payment activity widget #8511
   category: projects focus: reporting +2
   
8. Create PaymentsActivityData and TotalPaymentActivity component scaffolding as per figma design #8516
   category: projects focus: reporting +2
   
9. Fetch data for TotalPaymentsActivity component #8519
   category: projects focus: reporting +2
   
10. Add TPV data to TotalPaymentsVolume Component #8593
    category: projects focus: reporting +2
    
11. [Task] Add date filter to the link on the Disputes tile #8675
    category: projects focus: reporting +2
    
12. [Task] - Add Track events to measure click on 'View report' of each tile #8686
    category: projects focus: reporting +2
    
13. Payment Activity Card shows an error for new accounts: Error retrieving payment activity data. #8708
    category: projects focus: reporting type: bug +3
    
14. Payment activity card amounts can be formatted with the incorrect currency symbol #8700
    category: projects focus: reporting type: bug +3
    

Design

See Figma.

[Jinksi]

Accidental self-assign ☝️

[haszari]

We could split off #8706 to a new epic, since it's new scope. When we planned & estimated this, everyone was assuming that we could link to existing filters on list view.

[jessy-p]

Removed #8706 to #8740

[jessy-p]

This issue is pending on #8687 (Tracks)

[haszari]

Closing, all tasks are done and this is looking good 🎉

@jessy-p / Helix, please reopen and ping me if this epic (widget + TPV tile in primary currency) still needs work.