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

Update QuizRunner to conditionally display result message and handle skipped questions

Browse Source
This commit is contained in:
Victor Giers
2026-01-08 01:21:30 +01:00
parent e62f1cfd32
commit 17d6393bf2
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -405,12 +405,18 @@ export default function QuizRunner({ defaultMode = 'all', defaultEntryId, autoSt
</div> </div>
</div> </div>
<QuestionRenderer question={currentQuestion} response={response} onChange={setResponse} /> <QuestionRenderer
question={currentQuestion}
response={response}
onChange={setResponse}
showResult={showResult}
lastCorrect={lastCorrect}
/>
{showResult && ( {showResult && (
<div className={lastCorrect ? 'callout success' : 'callout'}> <div className={lastCorrect ? 'callout success' : 'callout'}>
{lastCorrect ? 'Correct!' : 'Not quite.'} {lastCorrect ? 'Correct!' : lastSkipped ? null : 'Not quite.'}
{!lastCorrect && correctText && <div className="subline">Answer: {correctText}</div>} {(lastSkipped || !lastCorrect) && correctText && <div className="subline">Answer: {correctText}</div>}
</div> </div>
)} )}