✨ feat: Refactor user detail and subscription management components

apps/admin/app/dashboard/log/traffic-details/page.tsx

@@ -4,12 +4,22 @@ import { ProTable } from '@/components/pro-table';
 import { filterTrafficLogDetails } from '@/services/admin/log';
 import { formatBytes, formatDate } from '@workspace/ui/utils';
 import { useTranslations } from 'next-intl';
+import { useSearchParams } from 'next/navigation';
 
 export default function TrafficDetailsPage() {
   const t = useTranslations('log');
+  const sp = useSearchParams();
+  const initialFilters = {
+    search: sp.get('search') || undefined,
+    date: sp.get('date') || undefined,
+    server_id: sp.get('server_id') ? Number(sp.get('server_id')) : undefined,
+    user_id: sp.get('user_id') ? Number(sp.get('user_id')) : undefined,
+    subscribe_id: sp.get('subscribe_id') ? Number(sp.get('subscribe_id')) : undefined,
+  };
   return (
     <ProTable<API.TrafficLogDetails, { search?: string }>
       header={{ title: t('title.trafficDetails') }}
+      initialFilters={initialFilters}
       columns={[
         { accessorKey: 'server_id', header: t('column.serverId') },
         { accessorKey: 'user_id', header: t('column.userId') },