Exam Edit on ExamList

src/exams/Navigation/SectionDivider.tsx

@@ -30,7 +30,22 @@ const PartDivider: React.FC<Props> = ({ sectionIndex, sectionLabel, section, mod
                 <div className={`w-12 h-12 bg-ielts-${module} flex items-center justify-center rounded-lg`}>{moduleIcon[module]}</div>
                 <p className="text-3xl">{section.intro ? `${sectionLabel} ${sectionIndex + 1}` : defaultTitle}</p>
             </div>
-            {section.intro && section.intro.split('\\n\\n').map((x, index) => <p key={`line-${index}`} className="text-2xl text-clip" dangerouslySetInnerHTML={{ __html: x.replace('that is not correct', 'that is <span class="font-bold"><u>not correct</u></span>') }}></p>)}
+            {section.intro && section.intro
+                .replace(/\\n/g, '\n')
+                .split('\n')
+                .map((x, index) => (
+                    <p
+                        key={`line-${index}`}
+                        className="text-2xl text-clip"
+                        dangerouslySetInnerHTML={{
+                            __html: x.replace(
+                                'that is not correct',
+                                'that is <span class="font-bold"><u>not correct</u></span>'
+                            )
+                        }}
+                    ></p>
+                ))
+            }
             <div className="flex items-center justify-center mt-4">
                 <button
                     onClick={() => onNext()}