From 655a6d28406d81317a730aa7c9edefe8bfd9421a Mon Sep 17 00:00:00 2001
From: Jimin Ha <jimin9038@g.skku.edu>
Date: Wed, 16 Oct 2024 18:49:41 +0900
Subject: [PATCH] fix(fe): render katex in editor input, output description
 (#2170)

---
 apps/frontend/components/EditorDescription.tsx | 18 ++++++------------
 1 file changed, 6 insertions(+), 12 deletions(-)

diff --git a/apps/frontend/components/EditorDescription.tsx b/apps/frontend/components/EditorDescription.tsx
index 14611486f8..79ea1ecd94 100644
--- a/apps/frontend/components/EditorDescription.tsx
+++ b/apps/frontend/components/EditorDescription.tsx
@@ -93,23 +93,17 @@ export function EditorDescription({
 
       <div className="px-6">
         <h2 className="mb-3 font-bold">Input</h2>
-        <div
-          className="prose prose-invert mb-4 max-w-full text-sm leading-relaxed text-slate-300"
-          dangerouslySetInnerHTML={{
-            __html: sanitize(problem.inputDescription)
-          }}
-        />
+        <div className="prose prose-invert mb-4 max-w-full text-sm leading-relaxed text-slate-300">
+          <KatexContent content={problem.inputDescription} />
+        </div>
         <hr className="border-slate-700" />
       </div>
 
       <div className="px-6">
         <h2 className="mb-3 font-bold">Output</h2>
-        <div
-          className="prose prose-invert max-w-full text-sm leading-relaxed text-slate-300"
-          dangerouslySetInnerHTML={{
-            __html: sanitize(problem.outputDescription)
-          }}
-        />
+        <div className="prose prose-invert max-w-full text-sm leading-relaxed text-slate-300">
+          <KatexContent content={problem.outputDescription} />
+        </div>
       </div>
 
       <hr className="border-4 border-[#121728]" />