Update QuizRunner to conditionally display result message and handle skipped questions
This commit is contained in:
@@ -405,12 +405,18 @@ export default function QuizRunner({ defaultMode = 'all', defaultEntryId, autoSt
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<QuestionRenderer question={currentQuestion} response={response} onChange={setResponse} />
|
||||
<QuestionRenderer
|
||||
question={currentQuestion}
|
||||
response={response}
|
||||
onChange={setResponse}
|
||||
showResult={showResult}
|
||||
lastCorrect={lastCorrect}
|
||||
/>
|
||||
|
||||
{showResult && (
|
||||
<div className={lastCorrect ? 'callout success' : 'callout'}>
|
||||
{lastCorrect ? 'Correct!' : 'Not quite.'}
|
||||
{!lastCorrect && correctText && <div className="subline">Answer: {correctText}</div>}
|
||||
{lastCorrect ? 'Correct!' : lastSkipped ? null : 'Not quite.'}
|
||||
{(lastSkipped || !lastCorrect) && correctText && <div className="subline">Answer: {correctText}</div>}
|
||||
</div>
|
||||
)}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user