46 lines
1.1 KiB
TypeScript
46 lines
1.1 KiB
TypeScript
'use client'
|
|
|
|
import { DataTable } from '@/components/admin/data-table'
|
|
import { formatTimestamp } from '@/lib/admin-helpers'
|
|
import type { DataTableColumn, PaginatedResult } from '@/types'
|
|
|
|
interface ChatLogRow {
|
|
id: number
|
|
username: string
|
|
message: string
|
|
timestamp: number
|
|
roomId: number
|
|
}
|
|
|
|
const columns: DataTableColumn<ChatLogRow>[] = [
|
|
{ key: 'id', label: 'ID', sortable: true },
|
|
{ key: 'username', label: 'User' },
|
|
{
|
|
key: 'message',
|
|
label: 'Message',
|
|
render: (value) => <span className="max-w-[300px] truncate block">{String(value)}</span>,
|
|
},
|
|
{
|
|
key: 'timestamp',
|
|
label: 'Time',
|
|
sortable: true,
|
|
render: (value) => <span>{formatTimestamp(Number(value))}</span>,
|
|
},
|
|
{ key: 'roomId', label: 'Room ID', sortable: true },
|
|
]
|
|
|
|
interface ChatTableProps {
|
|
data: PaginatedResult<ChatLogRow>
|
|
}
|
|
|
|
export function ChatTable({ data }: ChatTableProps) {
|
|
return (
|
|
<DataTable
|
|
data={data}
|
|
columns={columns}
|
|
searchPlaceholder="Search by username or message..."
|
|
exportUrl="/api/admin/export?type=chatlogs"
|
|
/>
|
|
)
|
|
}
|