From e775b6ea5e9805683fd329ca84a59ac1282f1a19 Mon Sep 17 00:00:00 2001
From: guanghechen <me.guanghechen@gmail.com>
Date: Wed, 10 Jul 2024 16:23:41 +0800
Subject: [PATCH] improve: render description with markdown

---
 ui/components/ContextItem.tsx   | 5 ++++-
 ui/components/Markdown/index.ts | 2 ++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/ui/components/ContextItem.tsx b/ui/components/ContextItem.tsx
index d4ae9cd..7ce93b9 100644
--- a/ui/components/ContextItem.tsx
+++ b/ui/components/ContextItem.tsx
@@ -1,5 +1,6 @@
 import React from "react";
 import Image from "next/image";
+import { ReactMarkdown } from "@/components/Markdown";
 
 interface ContextItemProps {
   item: {
@@ -28,7 +29,9 @@ const ContextItem: React.FC<ContextItemProps> = ({ item }) => {
           className="my-2 rounded"
         />
       )}
-      <p className="text-black dark:text-white">{item.description}</p>
+      <div className="text-black dark:text-white">
+        <ReactMarkdown text={item.description} />
+      </div>
       <a href={item.url} target="_blank" rel="noopener noreferrer" className="text-blue-500 hover:underline">
         Read more
       </a>
diff --git a/ui/components/Markdown/index.ts b/ui/components/Markdown/index.ts
index 76ca56f..70ff2f3 100644
--- a/ui/components/Markdown/index.ts
+++ b/ui/components/Markdown/index.ts
@@ -1,3 +1,5 @@
+"use client";
+
 export * from "./ReactMarkdown";
 export * from "./context";
 export * from "./parser";