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

Add back button and refactor quiz actions in QuizRunner component

Browse Source
This commit is contained in:
Victor Giers
2026-01-08 02:08:37 +01:00
parent 47c55af132
commit 8dcea82fcd
1 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -475,7 +475,10 @@ export default function QuizRunner({ defaultMode = 'all', defaultEntryId, autoSt
)} )}
<div className="quiz-actions"> <div className="quiz-actions">
{!showResult && ( <button className="button button--ghost" onClick={goPrev} disabled={currentIndex === 0}>
Back
</button>
{!showResult ? (
<> <>
<button className="button" onClick={() => handleSubmit(false)}> <button className="button" onClick={() => handleSubmit(false)}>
Submit Submit
@@ -484,12 +487,8 @@ export default function QuizRunner({ defaultMode = 'all', defaultEntryId, autoSt
Don’t know Don’t know
</button> </button>
</> </>
)} ) : (
{showResult && (
<> <>
<button className="button button--ghost" onClick={goPrev} disabled={currentIndex === 0}>
Back
</button>
<button className="button button--primary" onClick={goNext}> <button className="button button--primary" onClick={goNext}>
{currentIndex + 1 === questions.length ? 'Finish' : 'Next'} {currentIndex + 1 === questions.length ? 'Finish' : 'Next'}
</button> </button>