Experience / Networking

Event Details

page
play-fn

Public event detail page — the destination EventCard/Events link to. RSVP status feeds directly into the meta strip's attendee count and the tally under the control, so a person sees their own choice reflected in the same numbers everyone else sees.

Not exported from @meetcard/deck — this is a composed screen, built from the components below rather than shipped as one.

Stories

Every preview below is the real component, rendered in this page from the same story Storybook runs. The width control resizes each preview's container; CSS media queries still follow the browser window, so breakpoint behaviour is worth checking in Storybook.

Default

Source

const Default = () => <EventDetails />;

Answering moves the tally. The page holds the counts so a person sees their own answer reflected in the same numbers everyone else sees — which means the previous answer has to be taken back off as the new one is added, and that hand-off is the only real logic on the page.

Rsvping

Source

const Rsvping = () => <EventDetails />;