✨ feat(device): Modify IMEI to device identifier support

2025-02-13 22:28:45 +07:00
parent 4e7d249902
commit e3f9ef6ebe
99 changed files with 201 additions and 125 deletions
@@ -0,0 +1,55 @@
+'use client';
+
+import { getAuthMethodConfig, updateAuthMethodConfig } from '@/services/admin/authMethod';
+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 { useTranslations } from 'next-intl';
+import { toast } from 'sonner';
+
+export default function Page() {
+  const t = useTranslations('device');
+
+  const { data, refetch } = useQuery({
+    queryKey: ['getAuthMethodConfig', 'device'],
+    queryFn: async () => {
+      const { data } = await getAuthMethodConfig({
+        method: 'device',
+      });
+      return data.data;
+    },
+  });
+
+  async function updateConfig(key: keyof API.UpdataAuthMethodConfigRequest, value: unknown) {
+    try {
+      await updateAuthMethodConfig({
+        ...data,
+        [key]: value,
+      } as API.UpdataAuthMethodConfigRequest);
+      toast.success(t('saveSuccess'));
+      refetch();
+    } catch (error) {
+      toast.error(t('saveFailed'));
+    }
+  }
+
+  return (
+    <Table>
+      <TableBody>
+        <TableRow>
+          <TableCell>
+            <Label>{t('enable')}</Label>
+            <p className='text-muted-foreground text-xs'>{t('enableDescription')}</p>
+          </TableCell>
+          <TableCell className='text-right'>
+            <Switch
+              checked={data?.enabled}
+              onCheckedChange={(checked) => updateConfig('enabled', checked)}
+            />
+          </TableCell>
+        </TableRow>
+      </TableBody>
+    </Table>
+  );
+}