Portfolio Page: Redesign

[0x4Graham]

The following ticket is for the Portfolio page redesign.

https://www.figma.com/design/ng7qdNcSCXSDA6ZUdWIs6u/Pool-Overview%2F-Pool-Detail?node-id=4229-17539&node-type=canvas&t=Ws41xCHvJFgmwn8k-0

#1 When the user has connected wallet and has investment holdings

Top bar

• Portfolio Value (Value of the entire portfolio as we have today)
• % since inception --> NB: = (Current Portfolio Value + realized + unrealized gains)/Portfolio value at inception - 1 x 100
• Total P&L (realized profit + unrealized profit)

Portfolio Performance Block

On the graph, we will show two lines.

1. Total Portfolio Value
2. Total P&L (realized profit + unrealized profit)

Available to Invest

• We need to query the wallet balance of the current chain USDC balance. Just like we currently do on the Invest flow showing available balance. Right now only show USDC balance. but its designed to show how additional currencies would look like.
• Users can choose the Network from the drop down to see their USDC balances across networks (the balance is per network, not total)

Investment Positions

A table including the investment positions per chain:

The new columns are Network, Realized P&L and Unrealized P&L
CTA's open the already built Invest and Redeem side bar.

The : opens a drop down with the following two CTA's

1. Send
2. Receive

These will open the send/receive side panel flow we already have.

Transaction History
Note the View all CTA doesn't direct the user to any new page. Instead it opens up the full transaction history within the table on the same page.

#2 When the user has connected wallet but has no investment positions

Users should see the notification that the page is empty with the CTA to go to the Pools landing page

#3 When the user has not connected wallet
CTA to connect wallet

[sonam-jo]

Made some edits directly in the ticket above