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

Disable input fields when result is shown in QuizRunner

Browse Source
This commit is contained in:
Victor Giers
2026-01-08 01:23:40 +01:00
parent bdda84077a
commit 7b37d8021d
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -115,6 +115,7 @@ function QuestionRenderer({
placeholder="Type the missing text" placeholder="Type the missing text"
value={response || ''} value={response || ''}
onChange={(e) => onChange(e.target.value)} onChange={(e) => onChange(e.target.value)}
disabled={showResult}
/> />
{Array.isArray(payload.options) && payload.options.length > 0 && ( {Array.isArray(payload.options) && payload.options.length > 0 && (
<div className="option-hints">Hints: {payload.options.join(' • ')}</div> <div className="option-hints">Hints: {payload.options.join(' • ')}</div>
@@ -141,6 +142,7 @@ function QuestionRenderer({
const current = response && typeof response === 'object' ? response : {}; const current = response && typeof response === 'object' ? response : {};
onChange({ ...current, [idx]: e.target.value }); onChange({ ...current, [idx]: e.target.value });
}} }}
disabled={showResult}
> >
<option value="">Match…</option> <option value="">Match…</option>
{rightOptions.map((opt, optionIdx) => ( {rightOptions.map((opt, optionIdx) => (
@@ -175,6 +177,7 @@ function QuestionRenderer({
checked={response === idx} checked={response === idx}
onChange={() => onChange(idx)} onChange={() => onChange(idx)}
name={`q-${question.id}`} name={`q-${question.id}`}
disabled={showResult}
/> />
<span>{option}</span> <span>{option}</span>
</label> </label>