frontend-monorepo icon indicating copy to clipboard operation
frontend-monorepo copied to clipboard

Portfolio page redesign

Open JonRay15 opened this issue 11 months ago • 0 comments

Story

As a user I want a single place that I can go and manage all my assets So that I know what i have, and can deposit and swap assets easily

Acceptance Criteria

  • [ ] There is a feature flag so we can not publish the new page until ready
  • [ ] The portfolio page is now split into 4 components
    • [ ] Asset breakdown
    • [ ] Actions panel (deposits / transfers / withdrawals / ledger entries)
    • [ ] Positions
    • [ ] Transaction list
  • [ ] These might vary in size and position, but for now lets assume they're just quarters and adjust from there based on size required / look and feel

So like

image

Or

image

ETC

Asset breakdown

  • [ ] For now display "Coming soon" in a panel
  • [ ] The change is ticketed in #6110

Action panel

  • [ ] There is an action panel containing deposits, transfers, withdrawals, and ledger entries
  • [ ] There is a toggle to swap you between these functions
  • [ ] In the asset dropdown on each form we are using the asset icon (ask @edd for details)
  • [ ] When you click on "View withdrawals" on the toast it should take you to the portfolio page and should set the action panel to the withdrawal action.
  • [ ] Therefore we need to have a route for each action that users may need to do so that we can always direct people to this page with the relevant action popped up.

image image

Positions

  • [ ] Show the existing portfolio table across all assets
  • [ ] So the normal tabs for
    • [ ] Positions
    • [ ] Orders
    • [ ] Fills
    • [ ] Funding payments
  • [ ] Revisit whether we want this to show across all keys which I think it currently does?

image

Transaction list

  • Ticketed in #6101
  • Display "Coming soon" for now

Sketch

Miro: https://miro.com/app/board/uXjVOs_PBKk=/

Additional details / background info

JonRay15 avatar Mar 25 '24 17:03 JonRay15