FE - Result Modal

[stephanie-115]

To complete this ticket, use the mock data located in client/src/mockData/plantDetails and client/src/mockData/plantDetails2 for styling purposes (in order to save on API calls).

Conditionally render the display values. If the value is null, the display should not render for that specific field.

Note: Change the display names shown to the user as you see fit.

• Render a modal that displays the following data: common_name (value = string) scientific_name (value = string) origin (value = array) type (value = string) watering (value = string) watering_general_benchmark.value (value = number) watering_general_benchmark.unit (value = string) plant_anatomy (value = array of objects. Each object has a key 'part' with a string value and a key 'color' with an array value) sunlight (value = array) pruning_month (value = array) maintenance (value = string) care-guides (value = string **URL to API) ----USE THIS!!!!!!!!!!! drought_tolerant (value = boolean) thorny (value = boolean) indoor (value = boolean) flowers (value = boolean combine with fruits) fruits (value = boolean combine with flowers) poisonous_to_humans (value = number) -- possibly come up with an array of strings that will render a specific string depending on the value given (ex: 0 would render 'No') poisonous_to_pets (value = number)-- possibly come up with an array of strings that will render a specific string depending on the value given (ex: 0 would render 'No') description (value = string)-- paragraph default_image.thumbnail (value = string (url))

[heyitsmattox]

More info button should make a query response to our plantDetails page