Fix ui bug on why is this correct box

This commit is contained in:
Joey Yakimowich-Payne 2026-01-13 11:11:40 -07:00
commit 838013fb9a
No known key found for this signature in database
GPG key ID: DDF6AF5B21B407D4

View file

@ -149,17 +149,19 @@ export const QuizCreator: React.FC<QuizCreatorProps> = ({ onFinalize, onCancel }
placeholder={`Option ${idx + 1}`} placeholder={`Option ${idx + 1}`}
/> />
</div> </div>
<input <div className="pl-12">
type="text" <input
value={reasons[idx]} type="text"
onChange={(e) => { value={reasons[idx]}
const newReasons = [...reasons]; onChange={(e) => {
newReasons[idx] = e.target.value; const newReasons = [...reasons];
setReasons(newReasons); newReasons[idx] = e.target.value;
}} setReasons(newReasons);
className="w-full p-2 ml-12 text-sm outline-none text-gray-500 bg-gray-50 rounded-lg placeholder:text-gray-400" }}
placeholder={isSelected ? "Why is this correct? (optional)" : "Why is this wrong? (optional)"} className="w-full p-2 text-sm outline-none text-gray-500 bg-gray-50 rounded-lg placeholder:text-gray-400"
/> placeholder={isSelected ? "Why is this correct? (optional)" : "Why is this wrong? (optional)"}
/>
</div>
</div> </div>
) )
})} })}