fix/doble-click

This commit is contained in:
2026-04-27 07:30:01 -06:00
parent 975cb32331
commit 94a74243f7
2 changed files with 15 additions and 1 deletions

View File

@@ -7,11 +7,19 @@
columns: ColumnDef<TData, TValue>[];
data: TData[];
onRowClick?: (row: TData) => void;
onRowDoubleClick?: (row: TData) => void;
selectedId?: string | number | null;
idField?: keyof TData;
};
let { data, columns, onRowClick, selectedId, idField }: DataTableProps<TData, TValue> = $props();
let {
data,
columns,
onRowClick,
onRowDoubleClick,
selectedId,
idField
}: DataTableProps<TData, TValue> = $props();
const table = $derived(
createSvelteTable({
@@ -46,6 +54,7 @@
{#each table.getRowModel().rows as row (row.id)}
<Table.Row
onclick={() => onRowClick?.(row.original)}
ondblclick={() => onRowDoubleClick?.(row.original)}
class="cursor-pointer transition-colors hover:bg-muted/50 {selectedId &&
idField &&
row.original[idField] === selectedId

View File

@@ -115,6 +115,10 @@
function selectItem(item: CustomsBroker) {
selectedItem = item;
}
function handleRowDoubleClick(item: CustomsBroker) {
selectedItem = item;
goto(`/dashboard/customs_brokers/edit/${item.broker_key}`);
}
function handleEdit() {
if (selectedItem) goto(`/dashboard/customs_brokers/edit/${selectedItem.broker_key}`);
}
@@ -265,6 +269,7 @@
data={paginatedItems}
columns={brokerColumns}
onRowClick={selectItem}
onRowDoubleClick={handleRowDoubleClick}
selectedId={selectedItem?.broker_key}
idField="broker_key"
/>