Merge pull request #95 from CastledChess/fix/history-page

fix(history-page): delete column move, use date_fns, and change result

Author: seterB

src/pages/history/columns.tsx

@@ -26,6 +26,7 @@ export interface GameDetails {
     Result: string;
     Date: string;
     Round: string;
+    Termination: string;
   };
   id: string;
   pgn: string;

src/pages/history/data-table.tsx

@@ -9,11 +9,11 @@ import {
   useReactTable,
   getPaginationRowModel,
   getSortedRowModel,
-} from '@tanstack/react-table';
-import Moment from 'moment';
+} from '@tanstack/react-table';;
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
 import { useTranslation } from 'react-i18next';
 import { GameDetails } from './columns';
+import { format, parse } from 'date-fns';
 
 interface DataTableProps<TData> {
   columns: ColumnDef<TData>[];
@@ -56,7 +56,7 @@ export function DataTable<TData extends GameDetails>({ columns, data }: DataTabl
                       {header.column.id === 'header_Result'
                         ? flexRender(header.column.columnDef.header, header.getContext())
                         : null}
-                      {header.column.id === 'moves' ? t(String(header.column.id).toLowerCase()) : null}
+                      {/* {header.column.id === 'moves' ? t(String(header.column.id).toLowerCase()) : null} */}
                       {header.column.id === 'header_Date' ? t('date') : null}
                     </TableHead>
                   );
@@ -73,12 +73,10 @@ export function DataTable<TData extends GameDetails>({ columns, data }: DataTabl
                       {cell.column.id === 'select' ? flexRender(cell.column.columnDef.cell, cell.getContext()) : null}
                       {cell.column.id === 'players' ? flexRender(cell.column.columnDef.cell, cell.getContext()) : null}
                       {cell.column.id === 'header_Result'
-                        ? t(String(cell.row.original.header.Result).toLowerCase())
-                        : null}
-                      {cell.column.id === 'moves' ? cell.row.original.header.Round : null}
-                      {cell.column.id === 'header_Date'
-                        ? Moment(cell.row.original.header.Date).format(' DD / MM / YYYY')
+                        ? t(String(cell.row.original.header.Termination).toLowerCase())
                         : null}
+                      {/* {cell.column.id === 'moves' ? cell.row.original.header.Round : null} */}
+                      {cell.column.id === 'header_Date' ? format(parse(cell.row.original.header.Date, 'yyyy.MM.dd', new Date()), 'dd / MM / yyyy') : null}
                       {cell.column.id === 'actions' ? flexRender(cell.column.columnDef.cell, cell.getContext()) : null}
                     </TableCell>
                   ))}