(OUTDATED) Modal for adding and updating plants

[delindell]

User Story

• As a user I should be able to open a modal to add new plants to my collection

• As a User I should be able to edit details about the plants in my collection

AC

WHEN I click an add or edit plant button THEN it should open a modal (pre-populated or not) AND it should then update state

Dev Notes

• [ ] In PlantContainer add a formOpen: false and editPlant: {} to the state object

• [ ] On the Add New Plant button add an anonymous onClick={() this.setState({ formOpen: true})

• [ ] Below the button to add a new plant do something like this:

  
      { formOpen ? <PlantFormModal postNewPlant={this.postNewPlant} editPlant={editPlant} postPlant={this.putPlant} formClose={this.formClose}/> : '' }

- [ ] The PlantFormModal component should establish all the prop-types at the top

- [ ] The state should then be established with all the possible changes via the form to follow and `isEditing: false`

- [ ] There should be a function that does a `forEach` loop over the rooms collection and creates a radio input button for each room on the modal form, so the user can move the plants from one room to another

- [ ] The modal should then have a form in the markup, something like this:

Name

``` - Then a function outside the render like: ``` nameChange = (e) => { e.preventDefault(); this.setState({ plantName: e.target.value }); } ``` - [ ] Following all of the possible inputs there should be a JS ternary, something like: ``` { isEditing ? Update Plant : Save Plant } ```

[delindell]