Orchard Page JS

[scottrohrig]

Description

The orchard page should handle loading the orchard by param orchardId / orchard._id and populate a list of trees. There should be a way to show that a space is available for purchasing a tree and an event handler for what happens when a tree is purchased / attempted to be purchased. The event handler should also handle data persistence (ie, query/mutation for adding and updating orchards / trees )

JavaScript

• [x] import Tree component
• [ ] import orchard query / mutation and Hooks
• [ ] button handling for purchasing a new tree
• [ ] Hook to handle dispatching changes
• [x] should trees be an array in the orchard?
  • [x] map orchards trees to display the trees
• [x] orchard page loaded from params
• [x] state / context to get access to the orchards data and dispatch changes

Orchard Page HTML #7 <- see sister issue

[scottrohrig]

Trees are given a number _id on creation rather than a mongo ObjectId, and so we cannot add them from the server by _id. I got it mostly working in branch feat/update-trees but was having trouble with errors loading the remaining data. This should be easier to integrate now that we have the user data loaded when the app launches / refreshes. Do not integrate this branch, just use it as reference to work on the orchard / tree / placeholder tree files