import { Head } from '@inertiajs/react'; import { ColumnDef } from '@tanstack/react-table'; import { useMemo } from 'react'; import DashboardLayout from '@/components/dashboard/DashboardLayout'; import { DashboardPageHeader } from '@/components/dashboard/DashboardPageHeader'; import { Badge } from '@/components/ui/badge'; import { DataTable } from '@/components/ui/data-table'; import { DataTableColumnHeader } from '@/components/ui/data-table-column-header'; import { useTranslation } from '@/contexts/LanguageContext'; import { useAppDate } from '@/lib/date'; import { formatNumber } from '@/lib/format'; interface SearchQueryRow { id: number; query: string; query_hash: string; search_count: number; last_searched: string; created_at: string; updated_at: string; } interface Paginator { data: T[]; total: number; per_page: number; current_page: number; } interface Props { logs: Paginator; } function useColumns(t: (k: string, p?: Record) => string): ColumnDef[] { const { formatDateTime } = useAppDate(); return useMemo(() => [ { accessorKey: 'query', header: ({ column }) => , cell: ({ row }) => {row.original.query}, }, { accessorKey: 'search_count', header: ({ column }) => , cell: ({ row }) => ( {formatNumber(row.original.search_count)} ), }, { accessorKey: 'last_searched', header: ({ column }) => , cell: ({ row }) => ( {formatDateTime(row.original.last_searched)} ), }, ], [t, formatDateTime]); } export default function SearchLogs({ logs }: Props) { const { t } = useTranslation(); const columns = useColumns(t); return ( ); }