From 818f15599331bd7aca812d849f199bdecfb75063 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Wed, 18 Oct 2023 19:55:57 -0700
Subject: [PATCH] Hide playing icon if player is paused

---
 .../virtual-table/cells/row-index-cell.tsx         | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/virtual-table/cells/row-index-cell.tsx b/src/renderer/components/virtual-table/cells/row-index-cell.tsx
index 48e9ac7b..c9a4c76f 100644
--- a/src/renderer/components/virtual-table/cells/row-index-cell.tsx
+++ b/src/renderer/components/virtual-table/cells/row-index-cell.tsx
@@ -133,14 +133,20 @@ const StaticSvg = () => {
 };
 
 export const RowIndexCell = ({ value, eGridCell }: ICellRendererParams) => {
-    const isFocused = eGridCell.classList.contains('focused');
+    const classList = eGridCell.classList;
+    const isFocused = classList.contains('focused');
+    const isPlaying = classList.contains('playing');
     const isCurrentSong =
-        eGridCell.classList.contains('current-song') ||
-        eGridCell.classList.contains('current-playlist-song');
+        classList.contains('current-song') || classList.contains('current-playlist-song');
 
     return (
         <CellContainer $position="right">
-            {isFocused && isCurrentSong ? <AnimatedSvg /> : isCurrentSong ? <StaticSvg /> : null}
+            {isPlaying &&
+                (isFocused && isCurrentSong ? (
+                    <AnimatedSvg />
+                ) : isCurrentSong ? (
+                    <StaticSvg />
+                ) : null)}
             <Text
                 $secondary
                 align="right"