── VRAAG {(question.position ?? 0) + 1}
{secondsLeft !== null && (
{secondsLeft}sec
)}
{question.prompt}
{question.type === "mc" && Array.isArray(question.options) && (
{question.options.map((o, i) => {
const isCorrect = isRevealed && o.id === reveal.correctOptionId;
const isWrong = isRevealed && reveal.correctOptionId && o.id !== reveal.correctOptionId;
return (
{String.fromCharCode(65 + i)}
{o.text}
{isCorrect && ✓}
);
})}
)}
{question.type === "tf" && (
{["WAAR", "NIET WAAR"].map((v) => {
const tfAnswer = isRevealed ? String(reveal.correctAnswer || "").toLowerCase() : null;
const isCorrect = isRevealed && (
(v === "WAAR" && (tfAnswer === "waar" || tfAnswer === "true")) ||
(v === "NIET WAAR" && (tfAnswer === "niet waar" || tfAnswer === "false"))
);
const isWrong = isRevealed && !isCorrect;
return (
{v}
);
})}
)}
{question.type === "open" && (
Antwoord op je telefoon →
)}
── ANTWOORDEN BINNEN
{answeredCount}
/ {totalPlayers}
{top.length > 0 && (
── TOP {top.length}
{top.map((p, i) => {
const score = p.score || 0;
const prev = prevScores[p.id] || 0;
const delta = score - prev;
const widthPct = (score / maxScore) * 100;
return (
{i + 1}
{p.name}
{score.toLocaleString("nl-NL")}
{delta > 0 && (
+{delta}
)}
);
})}
)}
);
}
const PAUSE_JOKES = [
"Tijd voor een sanitaire stop. We wachten.",
"Even de hersenen laten afkoelen.",
"De quizmaster heeft dorst. Iemand een pintje?",
"Wie nu naar de WC gaat, mist niets. Beloofd.",
"Intussen bij de nummer laatste: 'Ik doe gewoon mee voor de sfeer.'",
"Fun fact: de gemiddelde Belg eet 8kg frieten per jaar.",
"Rustig, het is maar een quiz. Of toch niet?",
"Zet je gsm op stil. Of toch niet, je hebt hem nodig.",
"Geen zorgen, de quizmaster kent de antwoorden ook niet altijd.",
"Dit is het perfecte moment om te roddelen over de scores.",
"Proost! Op de volgende vraag.",
"Wist je dat quizzen je brein jonger houdt? Gij zijt hier goed bezig.",
"Even adempauze. In. Uit. Klaar voor de volgende ronde?",
"Ondertussen in de keuken: nog iemand bitterballen?",
"De spanning is te snijden. Met een buttermes, maar toch.",
];
function StandingsOverlay({ theme, players, prevScores, accent }) {
const sorted = [...players].sort((a, b) => (b.score || 0) - (a.score || 0));
const maxScore = Math.max(1, ...sorted.map((p) => p.score || 0));
const totalAnswered = sorted.reduce((s, p) => s + (p.score > 0 ? 1 : 0), 0);
const totalScore = sorted.reduce((s, p) => s + (p.score || 0), 0);
const [joke] = useStateProj(() => PAUSE_JOKES[Math.floor(Math.random() * PAUSE_JOKES.length)]);
const [tick, setTick] = useStateProj(0);
useEffectProj(() => {
const id = setInterval(() => setTick((t) => t + 1), 4000);
return () => clearInterval(id);
}, []);
const dots = ".".repeat((tick % 3) + 1);
return (