mirror of
https://github.com/perfect-panel/ppanel-web.git
synced 2026-02-16 13:21:10 -05:00
59faeab34a
- Refactored sidebar component to include additional sheet elements and improved accessibility with SheetHeader, SheetTitle, and SheetDescription. - Updated skeleton component for better readability and consistency in class names. - Refined slider component by standardizing import statements and enhancing class name formatting. - Enhanced sonner component with consistent import statements and improved class name formatting. - Standardized switch component imports and class names for better readability. - Improved table component structure and class name consistency across various elements. - Refactored tabs component for better readability and consistent class name formatting. - Updated textarea component for improved readability and consistency in class names. - Fixed timeline component to safely access getBoundingClientRect. - Refactored toggle group and toggle components for improved readability and consistency in class names. - Updated tooltip component for better readability and consistent class name formatting. - Enhanced enhanced-input component to support generic types for better type safety. - Refactored use-mobile hook for improved readability and consistency. - Updated countries utility to make certain properties optional for better flexibility. - Refined tailwind configuration for improved readability and consistency in theme settings.
72 lines
2.6 KiB
TypeScript
72 lines
2.6 KiB
TypeScript
'use client';
|
|
|
|
import { UserDetail } from '@/app/dashboard/user/user-detail';
|
|
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'),
|
|
cell: ({ row }) => <UserDetail id={Number(row.original.user_id)} />,
|
|
},
|
|
{ accessorKey: 'subscribe_id', header: t('column.subscribeId') },
|
|
{
|
|
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: 'timestamp',
|
|
header: t('column.time'),
|
|
cell: ({ row }) => formatDate(row.original.timestamp),
|
|
},
|
|
]}
|
|
params={[
|
|
{ key: 'search' },
|
|
{ key: 'date', type: 'date' },
|
|
{ key: 'server_id', placeholder: t('column.serverId') },
|
|
{ key: 'user_id', placeholder: t('column.userId') },
|
|
{ key: 'subscribe_id', placeholder: t('column.subscribeId') },
|
|
]}
|
|
request={async (pagination, filter) => {
|
|
const { data } = await filterTrafficLogDetails({
|
|
page: pagination.page,
|
|
size: pagination.size,
|
|
search: (filter as any)?.search,
|
|
date: (filter as any)?.date,
|
|
server_id: (filter as any)?.server_id,
|
|
user_id: (filter as any)?.user_id,
|
|
subscribe_id: (filter as any)?.subscribe_id,
|
|
});
|
|
const list = (data?.data?.list || []) as any[];
|
|
const total = Number(data?.data?.total || list.length);
|
|
return { list, total };
|
|
}}
|
|
/>
|
|
);
|
|
}
|