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}`}
/>
</div>
<input
type="text"
value={reasons[idx]}
onChange={(e) => {
const newReasons = [...reasons];
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)"}
/>
<div className="pl-12">
<input
type="text"
value={reasons[idx]}
onChange={(e) => {
const newReasons = [...reasons];
newReasons[idx] = e.target.value;
setReasons(newReasons);
}}
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>
)
})}