From 1697cee6805e6882b436ee5680a5cb59a1b14815 Mon Sep 17 00:00:00 2001
From: Bogdan <mynameisbogdan@users.noreply.github.com>
Date: Sat, 22 Jul 2023 05:33:55 +0300
Subject: [PATCH] Add hover background color in Indexer Table Index

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

diff --git a/frontend/src/Indexer/Index/Table/IndexerIndexTable.css b/frontend/src/Indexer/Index/Table/IndexerIndexTable.css
index 455f0bc7c..0bfc5fec4 100644
--- a/frontend/src/Indexer/Index/Table/IndexerIndexTable.css
+++ b/frontend/src/Indexer/Index/Table/IndexerIndexTable.css
@@ -1,3 +1,11 @@
 .tableScroller {
   position: relative;
 }
+
+.row {
+  transition: background-color 500ms;
+
+  &:hover {
+    background-color: var(--tableRowHoverBackgroundColor);
+  }
+}
diff --git a/frontend/src/Indexer/Index/Table/IndexerIndexTable.css.d.ts b/frontend/src/Indexer/Index/Table/IndexerIndexTable.css.d.ts
index 712cb8f72..ff35c263f 100644
--- a/frontend/src/Indexer/Index/Table/IndexerIndexTable.css.d.ts
+++ b/frontend/src/Indexer/Index/Table/IndexerIndexTable.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/Indexer/Index/Table/IndexerIndexTable.tsx b/frontend/src/Indexer/Index/Table/IndexerIndexTable.tsx
index f5d5284c6..7889b547d 100644
--- a/frontend/src/Indexer/Index/Table/IndexerIndexTable.tsx
+++ b/frontend/src/Indexer/Index/Table/IndexerIndexTable.tsx
@@ -64,6 +64,7 @@ const Row: React.FC<ListChildComponentProps<RowItemData>> = ({
         justifyContent: 'space-between',
         ...style,
       }}
+      className={styles.row}
     >
       <IndexerIndexRow
         indexerId={indexer.id}