giers10/lang-quiz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add summary statistics to quiz completion screen

Browse Source
This commit is contained in:
Victor Giers
2026-01-08 02:50:54 +01:00
parent ca50834d8c
commit 4e144ed863
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
client/src/components/QuizRunner.tsx
View File

@@ -492,10 +492,19 @@ export default function QuizRunner({ defaultMode = 'all', defaultEntryId, autoSt
const lastIndex = questions.length ? questions.length - 1 : 0; const lastIndex = questions.length ? questions.length - 1 : 0;
const isRandomMode = mode === 'all'; const isRandomMode = mode === 'all';
const entryLink = !isRandomMode && currentQuestion ? `/entry/${encodeURIComponent(currentQuestion.entryId)}` : null; const entryLink = !isRandomMode && currentQuestion ? `/entry/${encodeURIComponent(currentQuestion.entryId)}` : null;
const answered = history.filter(Boolean) as { response: any; correct: boolean; skipped: boolean; showExplanation: boolean }[];
const correctCount = answered.filter((h) => h.correct).length;
const skippedCount = answered.filter((h) => h.skipped).length;
const wrongCount = Math.max(0, answered.length - correctCount - skippedCount);
return ( return (
<div className="quiz-finished"> <div className="quiz-finished">
<h2>Nice work!</h2> <h2>Nice work!</h2>
<p className="muted">You scored {score} out of {questions.length}.</p> <p className="muted">You scored {score} out of {questions.length}.</p>
<div className="summary">
<div className="pill">Correct {correctCount}</div>
<div className="pill">Wrong {wrongCount}</div>
<div className="pill">Skipped {skippedCount}</div>
</div>
<div className="actions" style={{ gap: '0.5rem', flexWrap: 'wrap' }}> <div className="actions" style={{ gap: '0.5rem', flexWrap: 'wrap' }}>
<button <button
className="button button--ghost" className="button button--ghost"