From 724f0b9c086adb06deba6fe61ba8f31b3eed22de Mon Sep 17 00:00:00 2001
From: Bogdan <mynameisbogdan@users.noreply.github.com>
Date: Sat, 22 Jul 2023 05:30:41 +0300
Subject: [PATCH] Add hover background color in Series Table Index

---
 frontend/src/Series/Index/Table/SeriesIndexTable.css      | 8 ++++++++
 frontend/src/Series/Index/Table/SeriesIndexTable.css.d.ts | 1 +
 frontend/src/Series/Index/Table/SeriesIndexTable.tsx      | 1 +
 3 files changed, 10 insertions(+)

diff --git a/frontend/src/Series/Index/Table/SeriesIndexTable.css b/frontend/src/Series/Index/Table/SeriesIndexTable.css
index 455f0bc7c..0bfc5fec4 100644
--- a/frontend/src/Series/Index/Table/SeriesIndexTable.css
+++ b/frontend/src/Series/Index/Table/SeriesIndexTable.css
@@ -1,3 +1,11 @@
 .tableScroller {
   position: relative;
 }
+
+.row {
+  transition: background-color 500ms;
+
+  &:hover {
+    background-color: var(--tableRowHoverBackgroundColor);
+  }
+}
diff --git a/frontend/src/Series/Index/Table/SeriesIndexTable.css.d.ts b/frontend/src/Series/Index/Table/SeriesIndexTable.css.d.ts
index 712cb8f72..ff35c263f 100644
--- a/frontend/src/Series/Index/Table/SeriesIndexTable.css.d.ts
+++ b/frontend/src/Series/Index/Table/SeriesIndexTable.css.d.ts
@@ -1,6 +1,7 @@
 // This file is automatically generated.
 // Please do not change this file!
 interface CssExports {
+  'row': string;
   'tableScroller': string;
 }
 export const cssExports: CssExports;
diff --git a/frontend/src/Series/Index/Table/SeriesIndexTable.tsx b/frontend/src/Series/Index/Table/SeriesIndexTable.tsx
index c0d5e169c..c1401f984 100644
--- a/frontend/src/Series/Index/Table/SeriesIndexTable.tsx
+++ b/frontend/src/Series/Index/Table/SeriesIndexTable.tsx
@@ -65,6 +65,7 @@ const Row: React.FC<ListChildComponentProps<RowItemData>> = ({
         justifyContent: 'space-between',
         ...style,
       }}
+      className={styles.row}
     >
       <SeriesIndexRow
         seriesId={series.id}