From 8445e302e60554b6981aa0e67f82cfa5b3afbb74 Mon Sep 17 00:00:00 2001
From: web <web@ppanel.dev>
Date: Tue, 23 Sep 2025 05:12:36 -0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20Update=20announcement=20p?=
 =?UTF-8?q?age=20to=20format=20creation=20date=20and=20enhance=20content?=
 =?UTF-8?q?=20display?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/user/app/(main)/(user)/announcement/page.tsx | 5 +++--
 apps/user/app/(main)/(user)/document/page.tsx     | 3 ++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/user/app/(main)/(user)/announcement/page.tsx b/apps/user/app/(main)/(user)/announcement/page.tsx
index bee404d..38d9ee1 100644
--- a/apps/user/app/(main)/(user)/announcement/page.tsx
+++ b/apps/user/app/(main)/(user)/announcement/page.tsx
@@ -5,6 +5,7 @@ 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';
+import { formatDate } from '@workspace/ui/utils';
 
 export default function Page() {
   const { data } = useQuery({
@@ -23,8 +24,8 @@ export default function Page() {
     <Timeline
       data={
         data.map((item) => ({
-          title: item.title,
-          content: <Markdown>{item.content}</Markdown>,
+          title: String(formatDate(item.created_at, false)),
+          content: <Markdown>{`### ${item.title}\n${item.content}`}</Markdown>,
         })) || []
       }
     />
diff --git a/apps/user/app/(main)/(user)/document/page.tsx b/apps/user/app/(main)/(user)/document/page.tsx
index 2949485..e34404e 100644
--- a/apps/user/app/(main)/(user)/document/page.tsx
+++ b/apps/user/app/(main)/(user)/document/page.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import { Empty } from '@/components/empty';
 import { NEXT_PUBLIC_HIDDEN_TUTORIAL_DOCUMENT } from '@/config/constants';
 import { queryDocumentList } from '@/services/user/document';
 import { getTutorialList } from '@/utils/tutorial';
@@ -34,7 +35,7 @@ export default function Page() {
     },
     enabled: NEXT_PUBLIC_HIDDEN_TUTORIAL_DOCUMENT !== 'true',
   });
-
+  if (!DocumentList && !TutorialList) return <Empty />;
   return (
     <div className='space-y-4'>
       {DocumentList?.length > 0 && (