Create Material Data

[ToddSpainhour]

User Story -

As a user, I should see a drop down menu to pick the trash material.

AC

WHEN the add or edit form shows... THEN I should see a drop down menu AND I should be able select one of the many options

Dev Notes

• this ticket corresponds with Ticket #37

• This is a READ ONLY collection to be accessed from within the create or edit forms

• inside the db folder, create a trashMaterial.json file

  {
  "TrashMaterial": "placeholder"
  }

• upload this file to firebase

• create another file called listOfTrashMaterials.json

• the listOfTrashMaterials.json should have this structure... (see below for ERD)

  {
  "item1": {
  "name": "Styrofoam"
  },
  "item2": {
  "name": "Plastic"
  },
  "item3": {
  "name": "Paper"
  },
  "item4": {
  "name": "Rubber"
  },
  "item5": {
  "name": "Glass"
  },
  "item6": {
  "name": "Cardboard"
  },
  "item6": {
  "name": "Metal"
  },
  "item7": {
  "name": "Food"
  },
  "item8": {
  "name": "Other"
  },
  }

• upload the trashItems.json file to Firebase dynamically load drop down menu from firebase json file?

https://css-tricks.com/dynamic-dropdowns/

http://www.mattmorgante.com/technology/dropdown-with-react

https://www.youtube.com/watch?v=t8JK5bVoVBw

https://stackoverflow.com/questions/45899651/react-native-dropdown-in-a-form-with-list-loading-dynamically

• get request,
• use onChange()

[ToddSpainhour]