From 3c036eb09ccefd96c0d675250064b9b40b203cd0 Mon Sep 17 00:00:00 2001
From: web <web@ppanel.dev>
Date: Tue, 23 Sep 2025 05:48:25 -0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20Update=20announcement=20p?=
 =?UTF-8?q?age=20to=20display=20timeline=20of=20announcements=20with=20Mar?=
 =?UTF-8?q?kdown=20content?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/user/app/(main)/(user)/announcement/page.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/apps/user/app/(main)/(user)/announcement/page.tsx b/apps/user/app/(main)/(user)/announcement/page.tsx
index eeb711c..80ef840 100644
--- a/apps/user/app/(main)/(user)/announcement/page.tsx
+++ b/apps/user/app/(main)/(user)/announcement/page.tsx
@@ -3,6 +3,8 @@
 import { Empty } from '@/components/empty';
 import { queryAnnouncement } from '@/services/user/announcement';
 import { useQuery } from '@tanstack/react-query';
+import { Timeline } from '@workspace/ui/components/timeline';
+import { Markdown } from '@workspace/ui/custom-components/markdown';
 
 export default function Page() {
   const { data } = useQuery({
@@ -17,5 +19,16 @@ export default function Page() {
       return data.data?.announcements || [];
     },
   });
-  return data && data.length > 0 ? <Empty border /> : <Empty border />;
+  return data && data.length > 0 ? (
+    <Timeline
+      data={
+        data.map((item) => ({
+          title: item.title,
+          content: <Markdown>{item.content}</Markdown>,
+        })) || []
+      }
+    />
+  ) : (
+    <Empty border />
+  );
 }