Placeholder tree component

[scottrohrig]

Description

A JSX component that stands in place of an empty orchard plot of land, with a button to purchase a tree.

HTML

The returning JSX from the component should include :

• item container - to keep all items and trees the correct size
• image or background image to signify there is a space for the tree to be planted
• purchase button with an onClick attribute to handlePurchase function

JavaScript

• imports
• component function
• handlePurchase function to handle the button onClick event
• how does this placeholder know which orchard to add a tree to?
  • should we use useParams and get the orchardId?
• export component

[stuart-rickard]

thanks for writing this up, Scott! I will take a shot at it!

[stuart-rickard]

PlaceholderTree is working, except that it doesn't know which orchard to add a tree to.

[scottrohrig]

Glad it's working! It was helpful when making the placeholder for the juicer.

@stuart-rickard The orchard id is a param from the url.

[stuart-rickard]

This issue is closed - the final unchecked boxes aren't relevant as we aren't using multiple orchards