feat(registration): add watcher capacity limits and update pricing

Add 70-person capacity limit for watchers with real-time availability checks.
Update drink card pricing to €5 per person (was €5 base + €2 per guest).
Add feature flag to bypass registration countdown.
Show under-review notice for performer registrations.
Update FAQ performance duration from 5-7 to 5 minutes.
This commit is contained in:
2026-03-14 19:36:16 +01:00
parent 3a2e403ee9
commit 0d99f7c5f5
11 changed files with 162 additions and 39 deletions

View File

@@ -1,3 +1,4 @@
import { useQuery } from "@tanstack/react-query";
import confetti from "canvas-confetti";
import { useEffect, useRef, useState } from "react";
import { CountdownBanner } from "@/components/homepage/CountdownBanner";
@@ -5,6 +6,7 @@ import { PerformerForm } from "@/components/registration/PerformerForm";
import { TypeSelector } from "@/components/registration/TypeSelector";
import { WatcherForm } from "@/components/registration/WatcherForm";
import { useRegistrationOpen } from "@/lib/useRegistrationOpen";
import { orpc } from "@/utils/orpc";
function fireConfetti() {
const colors = ["#d82560", "#52979b", "#d09035", "#214e51", "#ffffff"];
@@ -48,6 +50,8 @@ export default function EventRegistrationForm() {
const { isOpen } = useRegistrationOpen();
const confettiFired = useRef(false);
const { data: capacity } = useQuery(orpc.getWatcherCapacity.queryOptions());
useEffect(() => {
if (isOpen && !confettiFired.current) {
confettiFired.current = true;
@@ -88,7 +92,13 @@ export default function EventRegistrationForm() {
Doe je mee of kom je kijken? Kies je rol en vul het formulier in.
</p>
{!selectedType && <TypeSelector onSelect={setSelectedType} />}
{!selectedType && (
<TypeSelector
onSelect={setSelectedType}
watcherIsFull={capacity?.isFull ?? false}
watcherAvailable={capacity?.available ?? null}
/>
)}
{selectedType === "performer" && (
<PerformerForm
onBack={() => setSelectedType(null)}