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

Conditional rendering of result message in QuizRunner component

Browse Source
This commit is contained in:
Victor Giers
2026-01-08 01:30:17 +01:00
parent 8f630321fd
commit c066f1e571
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -417,10 +417,12 @@ export default function QuizRunner({ defaultMode = 'all', defaultEntryId, autoSt
/> />
{showResult && ( {showResult && (
!lastSkipped ? (
<div className={lastCorrect ? 'callout success' : 'callout'}> <div className={lastCorrect ? 'callout success' : 'callout'}>
{lastCorrect ? 'Correct!' : lastSkipped ? 'Checked answer.' : 'Not quite.'} {lastCorrect ? 'Correct!' : 'Not quite.'}
{!lastSkipped && !lastCorrect && correctText && <div className="subline">Answer: {correctText}</div>} {!lastCorrect && correctText && <div className="subline">Answer: {correctText}</div>}
</div> </div>
) : null
)} )}
<div className="quiz-actions"> <div className="quiz-actions">