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

Add conditional classes to match rows in QuizRunner component

Browse Source
This commit is contained in:
Victor Giers
2026-01-08 02:41:53 +01:00
parent 478091bb7b
commit b05011f8ee
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -151,7 +151,16 @@ function QuestionRenderer({
return ( return (
<div className="question-block matches"> <div className="question-block matches">
{pairs.map((pair, idx) => ( {pairs.map((pair, idx) => (
<div key={idx} className="match-row"> <div
key={idx}
className={[
'match-row',
showResult && response?.[idx] === pair.right ? 'correct' : '',
showResult && response?.[idx] && response?.[idx] !== pair.right ? 'incorrect' : '',
]
.join(' ')
.trim()}
>
<div className="match-left">{pair.left}</div> <div className="match-left">{pair.left}</div>
<select <select
className="input" className="input"