From b06fb85e5967440278d5a815721b360920566ab9 Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Sun, 1 Mar 2026 19:35:45 +0000
Subject: [PATCH] refactor(TextComponent): simplify markdown rendering and
 remove unused formatting

---
 src/components/chart/index.tsx | 21 ++-------------------
 1 file changed, 2 insertions(+), 19 deletions(-)

diff --git a/src/components/chart/index.tsx b/src/components/chart/index.tsx
index d978ef9a..70e6acf6 100644
--- a/src/components/chart/index.tsx
+++ b/src/components/chart/index.tsx
@@ -15,21 +15,8 @@ interface OuterbaseChartProps {
 }
 
 const TextComponent = ({ value }: OuterbaseChartProps) => {
-  let markdown = value.params.options?.text ?? "";
+  const markdown = value.params.options?.text ?? "";
 
-  // Bold (**text** or __text__)
-  markdown = markdown.replace(/\*\*(.*?)\*\*/g, "<b>$1</b>");
-  markdown = markdown.replace(/__(.*?)__/g, "<b>$1</b>");
-
-  // Italic (*text* or _text_)
-  markdown = markdown.replace(/\*(.*?)\*/g, "<i>$1</i>");
-  markdown = markdown.replace(/_(.*?)_/g, "<i>$1</i>");
-
-  // Underline (__text__)
-  markdown = markdown.replace(/~~(.*?)~~/g, "<u>$1</u>");
-
-  // Line break (double space followed by a newline)
-  markdown = markdown.replace(/ {2}\n/g, "<br>");
   return (
     <div className="h-full w-full">
       <p
@@ -41,11 +28,7 @@ const TextComponent = ({ value }: OuterbaseChartProps) => {
         }}
         className="flex-1 self-start text-neutral-900 dark:text-neutral-100"
       >
-        <span
-          dangerouslySetInnerHTML={{
-            __html: markdown,
-          }}
-        ></span>
+        <span>{markdown}</span>
       </p>
     </div>
   );