From b0c2881ec0bc24e7d62935bd24055aeaf00903a6 Mon Sep 17 00:00:00 2001
From: brendanlaschke <brendan.laschke@googlemail.com>
Date: Thu, 24 Aug 2023 16:21:12 +0200
Subject: [PATCH] Selected row background (#1299)

selected row background
---
 front/src/modules/ui/table/components/EntityTableRow.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/front/src/modules/ui/table/components/EntityTableRow.tsx b/front/src/modules/ui/table/components/EntityTableRow.tsx
index cc09351ba..f744faf3c 100644
--- a/front/src/modules/ui/table/components/EntityTableRow.tsx
+++ b/front/src/modules/ui/table/components/EntityTableRow.tsx
@@ -2,6 +2,7 @@ import styled from '@emotion/styled';
 import { useRecoilValue } from 'recoil';
 
 import { ViewFieldContext } from '../contexts/ViewFieldContext';
+import { useCurrentRowSelected } from '../hooks/useCurrentRowSelected';
 import { visibleTableColumnsState } from '../states/tableColumnsState';
 
 import { CheckboxCell } from './CheckboxCell';
@@ -9,16 +10,17 @@ import { EntityTableCell } from './EntityTableCell';
 
 const StyledRow = styled.tr<{ selected: boolean }>`
   background: ${(props) =>
-    props.selected ? props.theme.background.secondary : 'none'};
+    props.selected ? props.theme.accent.quaternary : 'none'};
 `;
 
 export function EntityTableRow({ rowId }: { rowId: string }) {
   const columns = useRecoilValue(visibleTableColumnsState);
+  const { currentRowSelected } = useCurrentRowSelected();
 
   return (
     <StyledRow
       data-testid={`row-id-${rowId}`}
-      selected={false}
+      selected={currentRowSelected}
       data-selectable-id={rowId}
     >
       <td>