Event Registration

1// Registration surface for the detail page — branches on registration.type and respects `open`
2// (only OPEN_* statuses accept new registrations). Pure UI; the RSVP/ticketing logic lives in their
3// own hooks/components. Styled with base44 design tokens (shadcn Tailwind classes).
4import RsvpForm from "./RsvpForm";
5import TicketPicker from "./TicketPicker";
6
7const closed = "text-destructive font-semibold";
8const link = "inline-block py-3 px-6 no-underline bg-primary text-primary-foreground border-none rounded-sm text-[15px] font-semibold";
9
10export default function EventRegistration({ event, type, open, registration }) {
11  if (type === "EXTERNAL") {
12    return registration.external?.url
13      ? <a href={registration.external.url} target="_blank" rel="noopener" className={link}>Register</a>
14      : null;
15  }
16  if (type === "NONE") return null;
17
18  if (type === "RSVP") {
19    return open
20      ? <RsvpForm eventId={event.id} responseType={registration.rsvp?.responseType} />
21      : <p className={closed}>Registration is closed.</p>;
22  }
23  if (type === "TICKETING") {
24    return open
25      ? <TicketPicker event={event} />
26      : <p className={closed}>Ticket sales are closed.</p>;
27  }
28  return null;
29}