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"
|
|
/>
|
|
);
|
|
}
|