diff --git a/components/scoreplaylog/colums.tsx b/components/scoreplaylog/colums.tsx index f5ae304..49e68ee 100644 --- a/components/scoreplaylog/colums.tsx +++ b/components/scoreplaylog/colums.tsx @@ -28,6 +28,7 @@ export const columns: ColumnDef[] = [ { accessorKey: "title", header: "Title", + cell: ({ row }) => { const jacketPath = row.original.jacketPath?.replace(".dds", ".png"); return ( @@ -48,19 +49,33 @@ export const columns: ColumnDef[] = [ { accessorKey: "score", header: "Score", + cell: ({ row }) =>
{row.original.score?.toLocaleString()}
, + }, + { + accessorKey: "isNew", + header: "Upscore", cell: ({ row }) => (
- {row.original.score?.toLocaleString()} - {getGrade(row.original.score ?? 0)} {row.original.isNewRecord && New!!}
), }, + { + accessorKey: "grade", + header: "Grade", + cell: ({ row }) => ( +
{getGrade(row.original.score ?? 0)}
+ ), + }, { accessorKey: "userPlayDate", header: "Date", }, - + { + accessorKey: "difficulty", + header: "Difficulty", + cell: ({ row }) =>
{row.original.level}
, + }, { accessorKey: "FC / AJ", header: "FC / AJ", @@ -75,6 +90,7 @@ export const columns: ColumnDef[] = [ ), }, + { accessorKey: "Attempts", header: "Attempts", @@ -82,6 +98,7 @@ export const columns: ColumnDef[] = [
{row.original.playCount}
), }, + { id: "actions", header: () =>
More
, diff --git a/components/scoreplaylog/data-table.tsx b/components/scoreplaylog/data-table.tsx index c098a60..a87a3dd 100644 --- a/components/scoreplaylog/data-table.tsx +++ b/components/scoreplaylog/data-table.tsx @@ -29,6 +29,7 @@ export function DataTable({ const table = useReactTable({ data, columns, + getCoreRowModel: getCoreRowModel(), getPaginationRowModel: getPaginationRowModel(), });