Description
If a user lands on the portfolio or swap page without their wallet connected, the UI looks broken because the data is missing.
We need a beautiful, centralized empty state that clearly tells them to connect their wallet to proceed.
This state should replace the charts and tables with a single, highly visible call to action.
Good empty states are the difference between a prototype and a real product.
Requirements
Description
If a user lands on the portfolio or swap page without their wallet connected, the UI looks broken because the data is missing.
We need a beautiful, centralized empty state that clearly tells them to connect their wallet to proceed.
This state should replace the charts and tables with a single, highly visible call to action.
Good empty states are the difference between a prototype and a real product.
Requirements
WalletNotConnected.tsxcomponent.<Button>component underneath that triggers the wallet connection modal.