diff --git a/src/components/lessons/Quiz.tsx b/src/components/lessons/Quiz.tsx index 2894650..1617e7d 100644 --- a/src/components/lessons/Quiz.tsx +++ b/src/components/lessons/Quiz.tsx @@ -22,13 +22,11 @@ const Quiz: React.FC = ({ data, onComplete }) => { if (!selectedId) return; setIsSubmitted(true); const selectedOption = data.options.find((opt) => opt.id === selectedId); - const selectedOption = data.options.find((opt) => opt.id === selectedId); if (selectedOption?.isCorrect && onComplete) { onComplete(); } }; - const selectedOption = data.options.find((opt) => opt.id === selectedId); const selectedOption = data.options.find((opt) => opt.id === selectedId); const isCorrect = selectedOption?.isCorrect; @@ -41,12 +39,6 @@ const Quiz: React.FC = ({ data, onComplete }) => {

{data.question}

-

- Concept Check -

-

- {data.question} -

{data.options.map((option) => { @@ -66,12 +58,9 @@ const Quiz: React.FC = ({ data, onComplete }) => { } else if (option.isCorrect) { // Highlight correct answer if wrong one was picked borderClass = "border-green-200 bg-green-50/50"; - // Highlight correct answer if wrong one was picked - borderClass = "border-green-200 bg-green-50/50"; } } else if (selectedId === option.id) { borderClass = "border-indigo-600 bg-indigo-50"; - borderClass = "border-indigo-600 bg-indigo-50"; } return ( @@ -82,17 +71,6 @@ const Quiz: React.FC = ({ data, onComplete }) => { className={`w-full text-left p-4 rounded-lg border-2 transition-all duration-200 flex items-center justify-between group ${borderClass} ${bgClass}`} >
- = ({ data, onComplete }) => { {option.text} - - {option.text} -
{icon} @@ -122,9 +97,6 @@ const Quiz: React.FC = ({ data, onComplete }) => { {/* Feedback Section */} {isSubmitted && ( -
@@ -152,29 +124,6 @@ const Quiz: React.FC = ({ data, onComplete }) => { {data.explanation}
-
- {isCorrect ? ( - - ) : ( -
- i -
- )} -
-
-

- {isCorrect ? "That's right!" : "Not quite."} -

-

{selectedOption?.feedback}

-
- Explanation: - {data.explanation} -
-
)} @@ -188,9 +137,6 @@ const Quiz: React.FC = ({ data, onComplete }) => { selectedId ? "bg-slate-900 text-white hover:bg-slate-800 shadow-md transform hover:-translate-y-0.5" : "bg-slate-200 text-slate-400 cursor-not-allowed" - selectedId - ? "bg-slate-900 text-white hover:bg-slate-800 shadow-md transform hover:-translate-y-0.5" - : "bg-slate-200 text-slate-400 cursor-not-allowed" }`} > Check Answer