From 9fa9bed4b31155793a841b7bd5a2164fb28a6ba6 Mon Sep 17 00:00:00 2001
From: Philipp Hoenisch <philipp@hoenisch.at>
Date: Wed, 6 Oct 2021 10:22:52 +1100
Subject: [PATCH] Make expand row explicit

By removing the onclick handler on the table row, clicking any button in the row does not fire the onclick handler of the row as well.
This has the effect that for expanding the row you need to click the expand button.
---
 frontend/src/components/cfdtables/CfdTable.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/frontend/src/components/cfdtables/CfdTable.tsx b/frontend/src/components/cfdtables/CfdTable.tsx
index 0241ccc..e93e189 100644
--- a/frontend/src/components/cfdtables/CfdTable.tsx
+++ b/frontend/src/components/cfdtables/CfdTable.tsx
@@ -65,7 +65,7 @@ export function CfdTable(
                 id: "expander",
                 Header: () => null,
                 Cell: ({ row }: any) => (
-                    <span {...row.getToggleRowExpandedProps()}>
+                    <span>
                         {row.isExpanded
                             ? <IconButton
                                 aria-label="Reduce"
@@ -319,9 +319,6 @@ export function Table({ columns, tableData, hiddenColumns, renderDetails }: Tabl
                             <React.Fragment key={row.id}>
                                 <Tr
                                     {...row.getRowProps()}
-                                    onClick={() =>
-                                        // @ts-ignore
-                                        row.toggleRowExpanded()}
                                 >
                                     {row.cells.map((cell) => (
                                         // @ts-ignore