✨ feat: Update Auth Control

2025-01-13 21:07:27 +07:00
parent dd23279e3e
commit c59742a4f3
143 changed files with 4195 additions and 1512 deletions
@@ -0,0 +1,163 @@
+'use client';
+
+import { getRegisterConfig, updateRegisterConfig } from '@/services/admin/system';
+import { useQuery } from '@tanstack/react-query';
+import { Label } from '@workspace/ui/components/label';
+import { Switch } from '@workspace/ui/components/switch';
+import { Table, TableBody, TableCell, TableRow } from '@workspace/ui/components/table';
+import { Textarea } from '@workspace/ui/components/textarea';
+import { EnhancedInput } from '@workspace/ui/custom-components/enhanced-input';
+import { useTranslations } from 'next-intl';
+import { toast } from 'sonner';
+
+export default function Page() {
+  const t = useTranslations('auth-control');
+
+  const { data, refetch } = useQuery({
+    queryKey: ['getRegisterConfig'],
+    queryFn: async () => {
+      const { data } = await getRegisterConfig();
+
+      return data.data;
+    },
+  });
+
+  async function updateConfig(key: string, value: unknown) {
+    if (data?.[key] === value) return;
+    try {
+      await updateRegisterConfig({
+        ...data,
+        [key]: value,
+      } as API.RegisterConfig);
+      toast.success(t('saveSuccess'));
+      refetch();
+    } catch (error) {
+      /* empty */
+    }
+  }
+
+  return (
+    <Table>
+      <TableBody>
+        <TableRow>
+          <TableCell>
+            <Label>{t('stopNewUserRegistration')}</Label>
+            <p className='text-muted-foreground text-xs'>
+              {t('stopNewUserRegistrationDescription')}
+            </p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <Switch
+              checked={data?.stop_register}
+              onCheckedChange={(checked) => {
+                updateConfig('stop_register', checked);
+              }}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell>
+            <Label>{t('emailVerification')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('emailVerificationDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <Switch
+              checked={data?.enable_email_verify}
+              onCheckedChange={(checked) => {
+                updateConfig('enable_email_verify', checked);
+              }}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell>
+            <Label>{t('emailSuffixWhitelist')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('emailSuffixWhitelistDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <Switch
+              checked={data?.enable_email_domain_suffix}
+              onCheckedChange={(checked) => {
+                updateConfig('enable_email_domain_suffix', checked);
+              }}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell className='align-top'>
+            <Label>{t('whitelistSuffixes')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('whitelistSuffixesDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <Textarea
+              className='h-52'
+              placeholder={t('whitelistSuffixesPlaceholder')}
+              defaultValue={data?.email_domain_suffix_list}
+              onBlur={(e) => {
+                updateConfig('email_domain_suffix_list', e.target.value);
+              }}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell>
+            <Label>{t('ipRegistrationLimit')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('ipRegistrationLimitDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <Switch
+              checked={data?.enable_ip_register_limit}
+              onCheckedChange={(checked) => {
+                updateConfig('enable_ip_register_limit', checked);
+              }}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell>
+            <Label>{t('registrationLimitCount')}</Label>
+            <p className='text-muted-foreground text-xs'>
+              {t('registrationLimitCountDescription')}
+            </p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <EnhancedInput
+              type='number'
+              min={0}
+              value={data?.ip_register_limit}
+              onValueBlur={(value) => updateConfig('ip_register_limit', value)}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell>
+            <Label>{t('penaltyTime')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('penaltyTimeDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <EnhancedInput
+              type='number'
+              min={0}
+              value={data?.ip_register_limit_duration}
+              onValueBlur={(value) => updateConfig('ip_register_limit_duration', value)}
+            />
+          </TableCell>
+        </TableRow>
+        <TableRow>
+          <TableCell>
+            <Label>{t('trialRegistration')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('trialRegistrationDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <Switch
+              checked={data?.enable_trial}
+              onCheckedChange={(checked) => {
+                updateConfig('enable_trial', checked);
+              }}
+            />
+          </TableCell>
+        </TableRow>
+      </TableBody>
+    </Table>
+  );
+}