--- tags: organism --- # Organism / Company Overview This organism is a part of Company Tab within the Deal Room (both Founder & Investor) This organism differs slightly between the Founder & Investor view. For the Founder, they will first see an Empty state (when first filling out their Deal Room), a complete or happy state, as well as an Edit view. For the investor, they will only see a happy state that does not include any edit buttons or functionality. ## States & Variables ... ### Founder View For the Founder, they will first see an Empty state (when first filling out their Deal Room), a complete or happy state, as well as an Edit view. #### Happy State This is a complete state, after the founder has completed their company overview using the edit function. <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%253A27654&chrome=DOCUMENTATION" allowfullscreen></iframe> #### Empty State This is an empty state of Company Overview, this will display until the founder has begun filling out their company overview. <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%253A7992&chrome=DOCUMENTATION" allowfullscreen></iframe> #### Edit State This is the edit state of the founder's view of Company Overview. The component would maintain it's scroll position on the page, and allow the founder to seemlessly edit their background data. As you will notice, the selected text box will make itself clear by a change in border and text colour. The default selected box will always be the top one (Mission Statement) so the founder knows the differentiation when beginning their edit. The border will go from Neutral (E3EBF6) to Selected (4A90E2), and the text will also go from Neutral (98AAC6) to Selected (283E59). <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%253A9013&chrome=DOCUMENTATION" allowfullscreen></iframe> ##### Variables ... ... ... ### Investor View The Investor view of Company Overview will be very similar to the founder's happy state, except from the "Edit" button on display. <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%253A1860&chrome=DOCUMENTATION" allowfullscreen></iframe> ... ##### Variables ## Interactions - ... - ... ```gherkin Feature: Investor / Company Overview Scenario: View Company Overview (Happy State) Given I am an Investor And I click on the "Company Tab" Then I should be able to see the company's overview with no "Edit" button ``` ```gherkin Feature: Founder / Company Overview As a Founder I want to be able to Edit the company overview So that team members and investors can be able to read the company's mission. Scenario: View Company Overview (Happy State) Given I am a Founder Then I see a Happy State after I have filled out the Company Overview Scenario: Edit Company Overview (Edit State) Given I am a Founder And I click on the "Edit" button Then I should be able to Edit the Company Overview And the default selected box is the Mission Statement Scenario: No Company Overview (Empty State) Given I am a Founder When I scroll and see Company Overview Then I will see an Empty State until I start filling out the Company Overview ``` ### Notes: 1. Maintain the language that we currently have on the Raise Platform in both Founder and Investor Side 2. Maintain the design that we currently have on the Raise Platform in both Founder and Investor Side 3. The only new card we are adding is the **"Empty State"** 4. **"Edit State"** should follow the colour code provided in the Edit State description