also fix on history page

Author: ingoau

src/routes/history/columns.ts

@@ -2,7 +2,6 @@ import type { ColumnDef } from '@tanstack/table-core';
 import type { ParsedGmae } from '$lib/gmaes';
 import { renderComponent } from '$lib/components/ui/data-table/index.js';
 import TableActions from './table-actions.svelte';
-import Link from './link.svelte';
 import HeaderButtonSort from './header-button-sort.svelte';
 
 export const columns: ColumnDef<ParsedGmae>[] = [
@@ -21,12 +20,6 @@ export const columns: ColumnDef<ParsedGmae>[] = [
 				content: 'Name',
 				sort: true
 			}),
-		cell: ({ row }) => {
-			return renderComponent(Link, {
-				children: row.original.name,
-				href: `/g/${row.original.id}`
-			});
-		},
 		// @ts-ignore
 		filterFn: 'fuzzy'
 	},

src/routes/history/data-table.svelte

@@ -17,6 +17,7 @@
 	import Label from '$lib/components/ui/label/label.svelte';
 	import Button from '$lib/components/ui/button/button.svelte';
 	import { historyStore } from '$lib/stores';
+	import { goto } from '$app/navigation';
 	type DataTableProps<TData, TValue> = {
 		columns: ColumnDef<TData, TValue>[];
 		data: TData[];
@@ -136,7 +137,11 @@
 		</Table.Header>
 		<Table.Body>
 			{#each table.getRowModel().rows as row (row.id)}
-				<Table.Row data-state={row.getIsSelected() && 'selected'}>
+				<Table.Row
+					data-state={row.getIsSelected() && 'selected'}
+					onclick={() => goto(`/g/${(row.original as { id: string }).id}`)}
+					class="cursor-pointer"
+				>
 					{#each row.getVisibleCells() as cell (cell.id)}
 						<Table.Cell>
 							<FlexRender content={cell.column.columnDef.cell} context={cell.getContext()} />