(OUTDATED) Modal for Adding and updating Rooms

[delindell]

User Story

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

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

AC

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

Dev Notes

• [ ] In RoomContainer add a formOpen: false and editRoom: {} to the state

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

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

  
      { formOpen ? <RoomFormModal postNewRoom={this.postNewRoom} editRoom={editRoom} putRoom={this.putRoom} formClose={this.formClose}/> : '' }

- [ ] The RoomFormModal 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`

- [ ] 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({ roomName: e.target.value }); } ``` - [ ] Following all of the possible inputs there should be a JS ternary, something like: ``` { isEditing ? Update Room : Save Room } ```

[delindell]