52 lines
1.3 KiB
TypeScript
52 lines
1.3 KiB
TypeScript
'use client';
|
|
|
|
import { getTosConfig, updateTosConfig } from '@/services/admin/system';
|
|
import { MarkdownEditor } from '@repo/ui/editor';
|
|
import { toast } from '@shadcn/ui/lib/sonner';
|
|
import { useQuery } from '@tanstack/react-query';
|
|
import { useTranslations } from 'next-intl';
|
|
import { useTheme } from 'next-themes';
|
|
|
|
export default function Tos() {
|
|
const t = useTranslations('system.tos');
|
|
const { resolvedTheme } = useTheme();
|
|
const { data, refetch, isFetched } = useQuery({
|
|
queryKey: ['getTosConfig'],
|
|
queryFn: async () => {
|
|
const { data } = await getTosConfig();
|
|
|
|
return data.data;
|
|
},
|
|
});
|
|
|
|
async function updateConfig(key: string, value: unknown) {
|
|
if (data?.[key] === value) return;
|
|
try {
|
|
await updateTosConfig({
|
|
...data,
|
|
[key]: value,
|
|
} as API.GetTosConfigResponse);
|
|
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?.tos_content}
|
|
onBlur={(value) => {
|
|
if (data?.tos_content !== value) {
|
|
updateConfig('tos_content', value);
|
|
}
|
|
}}
|
|
/>
|
|
</div>
|
|
)
|
|
);
|
|
}
|