From e00fbd6d7cb4e835c4938c550b1eba960fb82fd8 Mon Sep 17 00:00:00 2001
From: Bogdan <mynameisbogdan@users.noreply.github.com>
Date: Sun, 23 Jul 2023 03:07:20 +0300
Subject: [PATCH] New: Add hover background color to Artits table

(cherry picked from commit 028152d732efb8d260dc2565df8b827a44523e37)

Closes #3911
---
 frontend/src/Artist/Index/Table/ArtistIndexTable.css      | 8 ++++++++
 frontend/src/Artist/Index/Table/ArtistIndexTable.css.d.ts | 1 +
 frontend/src/Artist/Index/Table/ArtistIndexTable.tsx      | 1 +
 3 files changed, 10 insertions(+)

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