HI-VPN/ppanel-web
4
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

🐛 fix: Update announcement page to display timeline of announcements with Markdown content

Browse Source
This commit is contained in:
web 2025-09-23 05:48:25 -07:00
parent ce9ab89c1c
commit 3c036eb09c
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
apps/user/app/(main)/(user)/announcement/page.tsx
View File

@ -3,6 +3,8 @@
import { Empty } from '@/components/empty'; import { Empty } from '@/components/empty';
import { queryAnnouncement } from '@/services/user/announcement'; import { queryAnnouncement } from '@/services/user/announcement';
import { useQuery } from '@tanstack/react-query'; 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() { export default function Page() {
const { data } = useQuery({ const { data } = useQuery({
@ -17,5 +19,16 @@ export default function Page() {
return data.data?.announcements || []; 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 />
);
} }