--- tag: product --- # Personal Dashboard (Portfolio) This file relates to the design components of the user's personal Portfolio page. This page is specifically to view and manage the shareholdings that users own. They can search for, find and manage their various shareholdings. They can also view their ownership in the company and how their shares are affected after fundraising rounds + dilutions/vesting. Users can navigate between the tabs to help find their shareholdings: - All shareholdings - Shares (Common + Preferred) - Convertibles (SAFEs + DEBT) User can click on their shareholdings and enlarge the view as their specific holdings appear in a dropdown table. ## States & Variables ### Web #### Full <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FW26Lo2Rw2WIFd21zjEMivw%2FUser-Dashboard%3Fnode-id%3D341%253A3692" allowfullscreen></iframe> #### Empty <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FW26Lo2Rw2WIFd21zjEMivw%2FUser-Dashboard%3Fnode-id%3D514%253A13061" allowfullscreen></iframe> ... ### Mobile #### Full <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FW26Lo2Rw2WIFd21zjEMivw%2FUser-Dashboard%3Fnode-id%3D514%253A6282" allowfullscreen></iframe> #### Empty <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FW26Lo2Rw2WIFd21zjEMivw%2FUser-Dashboard%3Fnode-id%3D514%253A7962" allowfullscreen></iframe> #### Enlarge Shareholding <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FW26Lo2Rw2WIFd21zjEMivw%2FUser-Dashboard%3Fnode-id%3D514%253A8542" allowfullscreen></iframe>