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