---
# System prepended metadata

title: Organism / Milestones
tags: [organism]

---

---
tags: organism
---
# Organism / Milestones

This organism is a part of Milestones Tab within the Deal Room (both Founder & Investor)

This organism differs between the Founder & Investor view. For the Investor, they will not be able to see the "Edit" button and it's capabilities. 

## States & Variables
...

### Founder View

#### 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%253A28267&chrome=DOCUMENTATION" allowfullscreen></iframe>


#### Empty State
This is what the founder will see before adding any Milestone & Highlights data.

<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%3D15276%253A73453&chrome=DOCUMENTATION" allowfullscreen></iframe>

#### Edit State
Founders are able to add new milestones (data) by using the "Add" button. This then opens a side modal, allowing them to add relevant milestone & highlight information. 

They can also use the 3 dot "Edit" dropdown menu (on the Cards) to either edit the Milestone, or delete it. 

<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%3D11307%253A565&chrome=DOCUMENTATION" allowfullscreen></iframe>

<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%3D11326%253A460&chrome=DOCUMENTATION" allowfullscreen></iframe>

<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%3D15276%253A73469&chrome=DOCUMENTATION" allowfullscreen></iframe>

<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%3D15276%253A73212&chrome=DOCUMENTATION" allowfullscreen></iframe>


##### Variables 


 ...
 ... 
 ...

### Investor View 

The investor view is almost identical, minus the "Add" and Edit" buttons and their capabilities. The investor's view of the Molecule / Milestones & Highlights Card does not include the 3 dot "Edit" button.

<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%3D15276%253A73233&chrome=DOCUMENTATION" allowfullscreen></iframe>

<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%3D15276%253A73518&chrome=DOCUMENTATION" allowfullscreen></iframe>

##### Variables


## Interactions
- ...
- ...

```gherkin
Feature: Investor / Milestones

Scenario: 
    Given I am an Investor
    When I click on the "Milestones" tab
    Then I see a card Milestones & Highlights
```

```gherkin
Feature: Founder / Milestones & Highlights

Scenario: View Milestones & Highlights
    Given I am a Founder
    Then I see Milestones & Highlights in Happy State when I fill it out

Scenario: Edit Milestones & Highlights
    Given I am Founder
    When I click on the 3 dot "Edit" dropdown on the cards
    Then I can be able to either Edit or Delete Milestones & Highlights in Edit State

Scenario: No Milestones & Highlights
    Given I am Founder 
    When I scroll until Milestones & Highlights
    Then I will see it in Empty State with no data yet
```

### Notes:
1. Maintain the language text that we currently have on the Platform both in Founder and Investor Side.