56 lines
1.6 KiB
TypeScript
56 lines
1.6 KiB
TypeScript
'use client';
|
|
|
|
import { IpLink } from '@/components/ip-link';
|
|
import { ProTable } from '@/components/pro-table';
|
|
import { getUserLoginLogs } from '@/services/admin/user';
|
|
import { Badge } from '@workspace/ui/components/badge';
|
|
import { formatDate } from '@workspace/ui/utils';
|
|
import { useTranslations } from 'next-intl';
|
|
import { useParams } from 'next/navigation';
|
|
|
|
export default function UserLoginHistory() {
|
|
const t = useTranslations('user');
|
|
const { id } = useParams<{ id: string }>();
|
|
|
|
return (
|
|
<ProTable<API.UserLoginLog, Record<string, unknown>>
|
|
columns={[
|
|
{
|
|
accessorKey: 'success',
|
|
header: t('loginStatus'),
|
|
cell: ({ row }) => (
|
|
<Badge variant={row.getValue('success') ? 'default' : 'destructive'}>
|
|
{row.getValue('success') ? t('success') : t('failed')}
|
|
</Badge>
|
|
),
|
|
},
|
|
{
|
|
accessorKey: 'login_ip',
|
|
header: t('loginIp'),
|
|
cell: ({ row }) => <IpLink ip={row.getValue('login_ip')} />,
|
|
},
|
|
{
|
|
accessorKey: 'user_agent',
|
|
header: t('userAgent'),
|
|
},
|
|
{
|
|
accessorKey: 'created_at',
|
|
header: t('loginTime'),
|
|
cell: ({ row }) => formatDate(row.getValue('created_at')),
|
|
},
|
|
]}
|
|
request={async (pagination, filter) => {
|
|
const { data } = await getUserLoginLogs({
|
|
user_id: Number(id),
|
|
...pagination,
|
|
...filter,
|
|
});
|
|
return {
|
|
list: data.data?.list || [],
|
|
total: data.data?.total || 0,
|
|
};
|
|
}}
|
|
/>
|
|
);
|
|
}
|