Feature/issue 16 upcoming events

[thescientist13]

Related Issue

resolves #16 (design adapted slightly to be a little more compact)

Summary of Changes

1. Styling and templating for Upcoming Events component (still needs a little more tweaking)
2. Created Storybook with a variety of scenarios

TODO

1. A a ' in JSON will break JSON.stringify ⚠️
   • left a note, hopefully not an issue for integration, since I plan on using setAttribute 🤞
2. Add test cases
3. Add overflow containment to allow for fixed height, maybe as a prop? (help wanted)
4. Have event text all left justify each date block so they are flush with each other horizontally (help wanted)
   • added to Post Launch TODOs / Feature Ideas #22 for final touch ups
5. Create event for season premier (non blocking)

---

Still need to figure out the data story for home page integration

• hmm, I think we'll SSR compatible fetch since we're using prerender, so we might need to convert index.html -> index.js or find some sort of isomorphic fetch implementation?
• Fetch data from page and pass down to component
• Have Contentful trigger Netlify rebuilds based on content changes

I think general rule of thumb will be:

• static content - data in component
• dynamic content - pass data from parent / page via SSR