From 838e9730a4f4b4525bfef03576a7982b9e086be8 Mon Sep 17 00:00:00 2001
From: Hieuhuy Pham <hieuhuypham97@gmail.com>
Date: Fri, 24 Jan 2025 00:47:50 -0500
Subject: [PATCH] Added chapter renderer and type for report

---
 src/components/ChapterContentRenderer.tsx | 11 ++++++++---
 src/lib/types.tsx                         |  9 +++++++++
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/components/ChapterContentRenderer.tsx b/src/components/ChapterContentRenderer.tsx
index a594dc9..5b32995 100644
--- a/src/components/ChapterContentRenderer.tsx
+++ b/src/components/ChapterContentRenderer.tsx
@@ -16,7 +16,7 @@ const ChapterRenderer: React.FC<ChapterRendererProps> = ({ content, glossary })
     // Replace glossary terms in the line
     Object.entries(glossary).forEach(([term, definition]) => {
       const termRegex = new RegExp(`\\b${term}\\b`, "gi"); // Match whole word (case-insensitive)
-      line = line.replace(termRegex, `<glossarypopup term="${term}" definition="${definition}" />`);
+      line = line.replace(termRegex, `<glossarypopup term="${term}" definition="${definition}"></glossarypopup>`);
     });
 
     line = line.replace(/<p>/g, "<div>").replace(/<\/p>/g, "</div>");
@@ -26,7 +26,11 @@ const ChapterRenderer: React.FC<ChapterRendererProps> = ({ content, glossary })
 
   return (
     <div>
-      {processed_lines.map((line, index) => (
+      {processed_lines.map((line, index) => {
+        if (!line.includes("<glossarypopup")) {
+          return <div key={index} className="mb-4">{parse(line)}</div>;
+        }
+        return (
         <div key={index} className="mb-4">
           {parse(line, {
             replace: (domNode: DOMNode) => {
@@ -42,7 +46,8 @@ const ChapterRenderer: React.FC<ChapterRendererProps> = ({ content, glossary })
             },
           })}
         </div>
-      ))}
+        )
+    })}
     </div>
   );
 };
diff --git a/src/lib/types.tsx b/src/lib/types.tsx
index c93f6b1..1dea276 100644
--- a/src/lib/types.tsx
+++ b/src/lib/types.tsx
@@ -81,7 +81,16 @@ export interface Release {
     datetime: string;
     url: string;
 }
+
+export interface Report {
+    error_type: string;
+    details: string;
+    resolve: boolean;
+}
+
 export const Ad = {
     patreon: "https://patreon.com/nulltranslationgroup/membership",
 }
+
+
   
\ No newline at end of file