✨ feat(logs): Add various log pages for tracking user activities and system events

2025-08-26 11:29:12 -07:00
parent 4f7cc807af
commit d85af491aa
28 changed files with 876 additions and 252 deletions
@@ -0,0 +1,51 @@
+'use client';
+
+import { ProTable } from '@/components/pro-table';
+import { filterServerTrafficLog } from '@/services/admin/log';
+import { formatBytes } from '@workspace/ui/utils';
+import { useTranslations } from 'next-intl';
+
+export default function ServerTrafficLogPage() {
+  const t = useTranslations('log');
+  return (
+    <ProTable<API.ServerTrafficLog, { search?: string }>
+      header={{ title: t('title.serverTraffic') }}
+      columns={[
+        { accessorKey: 'server_id', header: t('column.serverId') },
+        {
+          accessorKey: 'upload',
+          header: t('column.upload'),
+          cell: ({ row }) => formatBytes(row.original.upload),
+        },
+        {
+          accessorKey: 'download',
+          header: t('column.download'),
+          cell: ({ row }) => formatBytes(row.original.download),
+        },
+        {
+          accessorKey: 'total',
+          header: t('column.total'),
+          cell: ({ row }) => formatBytes(row.original.total),
+        },
+        { accessorKey: 'date', header: t('column.date') },
+      ]}
+      params={[
+        { key: 'search' },
+        { key: 'date', type: 'date' },
+        { key: 'server_id', placeholder: t('column.serverId') },
+      ]}
+      request={async (pagination, filter) => {
+        const { data } = await filterServerTrafficLog({
+          page: pagination.page,
+          size: pagination.size,
+          search: filter?.search,
+          date: (filter as any)?.date,
+          server_id: (filter as any)?.server_id,
+        });
+        const list = (data?.data?.list || []) as any[];
+        const total = Number(data?.data?.total || list.length);
+        return { list, total };
+      }}
+    />
+  );
+}