--- tags: organism --- # Organism / Use of Proceeds This organism is a part of Financials Tab within the Deal Room (both Founder & Investor) This organism only differs between the Founder & Investor view in the edit functionality. ## States & Variables ... ### Founder View The founder's view will involve an empty, and happy/filled state. #### Happy State <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%2Fe7aAVFo0T5tVAjxCmCh3XK%2FRaise%3Fnode-id%3D12950%253A28094&chrome=DOCUMENTATION" allowfullscreen></iframe> ##### Variables - Proceeds - The name, value, and amount of proceeds will differ from company to company. This will determine the number of cards within the organism, as well as the amount of segments and tags of the Proceeds wheel. #### Empty State This is the founder's view of the empty state. <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%2Fe7aAVFo0T5tVAjxCmCh3XK%2FRaise%3Fnode-id%3D14990%253A22445&chrome=DOCUMENTATION" allowfullscreen></iframe> #### Edit State Here the founder is able to add, edit, and delete individual proceeds. <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%2Fe7aAVFo0T5tVAjxCmCh3XK%2FRaise%3Fnode-id%3D12117%253A9987&chrome=DOCUMENTATION" allowfullscreen></iframe> ##### Variables - Text Boxes - Selected Text boxes that can be edited have a border colour of 4A90E2, with a text colour of 1F2D3D - Unselected Text Boxes have a border colour of EEF2F8, with a text colour of 98AAC6 (New) or 1F2D3D (Existing) - Number of Proceeds/Rows - This will differ from company to company, depending on the amount of proceeds they add. ... ... ... ### Investor View The investor's view of the Use of Proceeds organism will differ only due to the lack of "Edit" button and functionality. #### Happy State <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%2Fe7aAVFo0T5tVAjxCmCh3XK%2FRaise%3Fnode-id%3D14990%253A22461&chrome=DOCUMENTATION" allowfullscreen></iframe> ##### Variables - No. of Proceeds - As with the founder view, the number of Proceeds listed (and their amount) will differ from company to company. ## Interactions - ... - ... ```gherkin Feature: Investor / Use Of Proceeds Scenario: View Use of proceeds Given I am on the "Financials" tab When I am under Use of Proceeds Then I see the card Use of Proceeds in Happy State ``` ```gherkin Feature: Founder / Use Of Proceeds Scenario: View Use of Proceeds (Happy State) Given I am a Founder When I fill out the Company's use of proceeds Then I see a card like the one in Happy State Scenario: No Use of Proceeds (Empty State) Given I am a Founder And I have no Use of Proceeds Then I see the card in an Empty State Scenario: Edit Use of Proceeds (Edit State) Given I am Founder And I click on the "Edit" button Then I see the card is in Edit State Then I should be able to add, edit and delete use of proceeds ``` ### Notes: 1. Maintain the language text that we currently have on the Raise platform in both Founder and Investor Side 2. Maintain the designs that we currently have on the Raise Platform in both Founder and Investor Side 3. The only new card that is being introduced is the **"Empty State"** 4. **"Edit State"** should follow the colour codes provided under "Variables / Text Boxes"