feat:gifts

apps/web/src/components/registration/PerformerForm.tsx

@@ -8,6 +8,7 @@ import {
 	validateTextField,
 } from "@/lib/registration";
 import { orpc } from "@/utils/orpc";
+import { GiftSelector } from "./GiftSelector";
 
 interface PerformerErrors {
 	firstName?: string;
@@ -34,6 +35,7 @@ export function PerformerForm({ onBack, onSuccess }: Props) {
 		isOver16: false,
 		extraQuestions: "",
 	});
+	const [giftAmount, setGiftAmount] = useState(0);
 	const [errors, setErrors] = useState<PerformerErrors>({});
 	const [touched, setTouched] = useState<Record<string, boolean>>({});
 
@@ -132,6 +134,7 @@ export function PerformerForm({ onBack, onSuccess }: Props) {
 			experience: data.experience.trim() || undefined,
 			isOver16: data.isOver16,
 			extraQuestions: data.extraQuestions.trim() || undefined,
+			giftAmount,
 		});
 	}
 
@@ -414,6 +417,14 @@ export function PerformerForm({ onBack, onSuccess }: Props) {
 					/>
 				</div>
 
+				{/* Gift selector */}
+				<div className="border border-white/10 p-6">
+					<h3 className="mb-4 font-['Intro',sans-serif] text-white text-xl">
+						Vrijwillige Gift
+					</h3>
+					<GiftSelector value={giftAmount} onChange={setGiftAmount} />
+				</div>
+
 				<div className="flex flex-col items-center gap-4 pt-4">
 					<button
 						type="submit"