Add checks for clicking selector columns

croz-ltd · Feb 13, 2024 · 179de91 · 179de91
1 parent b7eb05d
commit 179de91
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/libs/data-display/src/DataTable.tsx b/libs/data-display/src/DataTable.tsx
@@ -682,10 +682,15 @@ function DataTable<T extends object>({
                         )}
                       >
                         {primaryCells.map((cell, cellKey) => {
+                          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                           // @ts-ignore
                           const colSpan = cell.column.colSpan;
+                          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                           // @ts-ignore
                           const align = cell.column.align;
+                          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                          // @ts-ignore
+                          const isSelector = cell.column.id === "selector";
                           return (
                             <td
                               key={cellKey}
@@ -698,8 +703,10 @@ function DataTable<T extends object>({
                               )}
                               {...cell.getCellProps()}
                               colSpan={colSpan}
-                              onClick={() => (onClick ? onClick(row.original) : undefined)}
-                              onDoubleClick={() => (onDoubleClick ? onDoubleClick(row.original) : undefined)}
+                              onClick={() => (onClick && !isSelector ? onClick(row.original) : undefined)}
+                              onDoubleClick={() =>
+                                onDoubleClick && !isSelector ? onDoubleClick(row.original) : undefined
+                              }
                             >
                               {cell.render("Cell")}
                             </td>