✨ feat(announcement): Popup and pinned

2024-12-21 00:10:09 +07:00
parent 79621623d5
commit f3680a7020
35 changed files with 465 additions and 351 deletions
@@ -0,0 +1,62 @@
+import { queryAnnouncement } from '@/services/user/announcement';
+import { Icon } from '@iconify/react';
+import { Markdown } from '@repo/ui/markdown';
+import { Card } from '@shadcn/ui/card';
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@shadcn/ui/dialog';
+import { getTranslations } from 'next-intl/server';
+import { Empty } from '../empty';
+
+export default async function Announcement({
+  type,
+  Authorization,
+}: {
+  type: 'popup' | 'pinned';
+  Authorization?: string;
+}) {
+  let data;
+  try {
+    data = await queryAnnouncement(
+      {
+        page: 1,
+        size: 50,
+      },
+      {
+        skipErrorHandler: true,
+        Authorization,
+      },
+    ).then((res) => {
+      return res.data.data?.announcements.find((item) => item[type]);
+    });
+  } catch (error) {
+    /* empty */
+  }
+  if (!data) return null;
+
+  const t = await getTranslations('dashboard');
+
+  if (type === 'popup') {
+    return (
+      <Dialog defaultOpen={!!data}>
+        <DialogContent className='sm:max-w-[425px]'>
+          <DialogHeader>
+            <DialogTitle>{data?.title}</DialogTitle>
+          </DialogHeader>
+          <Markdown>{data?.content}</Markdown>
+        </DialogContent>
+      </Dialog>
+    );
+  }
+  if (type === 'pinned') {
+    return (
+      <>
+        <h2 className='flex items-center gap-1.5 font-semibold'>
+          <Icon icon='uil:bell' className='size-5' />
+          {t('latestAnnouncement')}
+        </h2>
+        <Card className='p-6'>
+          {data?.content ? <Markdown>{data?.content}</Markdown> : <Empty />}
+        </Card>
+      </>
+    );
+  }
+}