From e6b782aa20b7becf1fe6d8cbb5bd5d755ccd1150 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 Series table

(cherry picked from commit 028152d732efb8d260dc2565df8b827a44523e37)
---
 frontend/src/Movie/Index/Table/MovieIndexTable.css      | 8 ++++++++
 frontend/src/Movie/Index/Table/MovieIndexTable.css.d.ts | 1 +
 frontend/src/Movie/Index/Table/MovieIndexTable.tsx      | 1 +
 3 files changed, 10 insertions(+)

diff --git a/frontend/src/Movie/Index/Table/MovieIndexTable.css b/frontend/src/Movie/Index/Table/MovieIndexTable.css
index 455f0bc7cf..0bfc5fec4f 100644
--- a/frontend/src/Movie/Index/Table/MovieIndexTable.css
+++ b/frontend/src/Movie/Index/Table/MovieIndexTable.css
@@ -1,3 +1,11 @@
 .tableScroller {
   position: relative;
 }
+
+.row {
+  transition: background-color 500ms;
+
+  &:hover {
+    background-color: var(--tableRowHoverBackgroundColor);
+  }
+}
diff --git a/frontend/src/Movie/Index/Table/MovieIndexTable.css.d.ts b/frontend/src/Movie/Index/Table/MovieIndexTable.css.d.ts
index 712cb8f72d..ff35c263f2 100644
--- a/frontend/src/Movie/Index/Table/MovieIndexTable.css.d.ts
+++ b/frontend/src/Movie/Index/Table/MovieIndexTable.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/Movie/Index/Table/MovieIndexTable.tsx b/frontend/src/Movie/Index/Table/MovieIndexTable.tsx
index 097fa0c921..03d6303d90 100644
--- a/frontend/src/Movie/Index/Table/MovieIndexTable.tsx
+++ b/frontend/src/Movie/Index/Table/MovieIndexTable.tsx
@@ -64,6 +64,7 @@ const Row: React.FC<ListChildComponentProps<RowItemData>> = ({
         justifyContent: 'space-between',
         ...style,
       }}
+      className={styles.row}
     >
       <MovieIndexRow
         movieId={movie.id}