[ ] quick shop enlarged modal for each individual plant.
[ ] each plant prev card will have a "quick shop button"
once button is clicked a new row will be rendered below the plant prev cards above. Will take full width of screen.
will have all the same information as the prev card but will also include the plants pot size, and how many of them are in stock. and plant care.
there will also be a button to add to cart.
quick shop drop down can be its own component that gets passed this information as props.
props to be passed include all of the above information: plant image, price, description, care, and pot size.
Handle click for this action will be defined in the parent page of all plants, and passed to plant prev. That way all returned side effects will be effective in the parent page.
use ternary logic to conditionally render the quick shop component.
image modal
[ ] quick shop enlarged modal for each individual plant.
[ ] each plant prev card will have a "quick shop button"
once button is clicked a new row will be rendered below the plant prev cards above. Will take full width of screen.
will have all the same information as the prev card but will also include the plants pot size, and how many of them are in stock. and plant care.
there will also be a button to add to cart.
quick shop drop down can be its own component that gets passed this information as props.
props to be passed include all of the above information: plant image, price, description, care, and pot size.
Handle click for this action will be defined in the parent page of all plants, and passed to plant prev. That way all returned side effects will be effective in the parent page.
use ternary logic to conditionally render the quick shop component.