✨ feat(privacy-policy): Add privacy policy related text and links

apps/admin/app/dashboard/system/page.tsx

@@ -1,6 +1,7 @@
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@workspace/ui/components/tabs';
 import { getTranslations } from 'next-intl/server';
 import Currency from './currency';
+import PrivacyPolicy from './privacy-policy';
 import Site from './site';
 import Tos from './tos';
 
@@ -13,6 +14,7 @@ export default async function Page() {
         <TabsTrigger value='site'>{t('tabs.site')}</TabsTrigger>
         <TabsTrigger value='currency'>{t('tabs.currency')}</TabsTrigger>
         <TabsTrigger value='tos'>{t('tabs.tos')}</TabsTrigger>
+        <TabsTrigger value='privacy-policy'>{t('tabs.privacy-policy.title')}</TabsTrigger>
       </TabsList>
       <TabsContent value='site'>
         <Site />
@@ -23,6 +25,9 @@ export default async function Page() {
       <TabsContent value='tos'>
         <Tos />
       </TabsContent>
+      <TabsContent value='privacy-policy'>
+        <PrivacyPolicy />
+      </TabsContent>
     </Tabs>
   );
 }

apps/admin/app/dashboard/system/privacy-policy.tsx

@@ -0,0 +1,48 @@
+'use client';
+
+import { getPrivacyPolicyConfig, updatePrivacyPolicyConfig } from '@/services/admin/system';
+import { useQuery } from '@tanstack/react-query';
+import { MarkdownEditor } from '@workspace/ui/custom-components/editor';
+import { useTranslations } from 'next-intl';
+import { toast } from 'sonner';
+
+export default function PrivacyPolicy() {
+  const t = useTranslations('system.privacy-policy');
+  const { data, refetch, isFetched } = useQuery({
+    queryKey: ['getPrivacyPolicyConfig'],
+    queryFn: async () => {
+      const { data } = await getPrivacyPolicyConfig();
+      return data.data;
+    },
+  });
+
+  async function updateConfig(key: string, value: unknown) {
+    if (data?.[key] === value) return;
+    try {
+      await updatePrivacyPolicyConfig({
+        ...data,
+        [key]: value,
+      } as API.PrivacyPolicyConfig);
+      toast.success(t('saveSuccess'));
+      refetch();
+    } catch (error) {
+      /* empty */
+    }
+  }
+
+  return (
+    isFetched && (
+      <div className='h-[calc(100dvh-132px-env(safe-area-inset-top))] overflow-hidden'>
+        <MarkdownEditor
+          title={t('title')}
+          value={data?.privacy_policy}
+          onBlur={(value) => {
+            if (data?.privacy_policy !== value) {
+              updateConfig('privacy_policy', value);
+            }
+          }}
+        />
+      </div>
+    )
+  );
+}