---
# System prepended metadata

title: Organism / Company Overview
tags: [organism]

---

---
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