'use client'

import { DataTable } from '@/components/admin/data-table'
import { Badge } from '@/components/ui/badge'
import { formatTimestamp } from '@/lib/admin-helpers'
import type { DataTableColumn, PaginatedResult } from '@/types'

interface TradeLogRow {
  id: number
  userOneName: string
  userTwoName: string
  status: string
  timestamp: number
}

const columns: DataTableColumn<TradeLogRow>[] = [
  { key: 'id', label: 'ID', sortable: true },
  { key: 'userOneName', label: 'User One' },
  { key: 'userTwoName', label: 'User Two' },
  {
    key: 'status',
    label: 'Status',
    sortable: true,
    render: (value) => {
      const v = String(value)
      const variant =
        v === 'completed' ? 'default' : v === 'cancelled' ? 'destructive' : 'secondary'
      return <Badge variant={variant}>{v || 'unknown'}</Badge>
    },
  },
  {
    key: 'timestamp',
    label: 'Time',
    sortable: true,
    render: (value) => <span>{formatTimestamp(Number(value))}</span>,
  },
]

interface TradesTableProps {
  data: PaginatedResult<TradeLogRow>
}

export function TradesTable({ data }: TradesTableProps) {
  return <DataTable data={data} columns={columns} searchPlaceholder="Search by username..." />
}