From bea5bd7857ac6ed63b65f12b1b2b348bd2f6b240 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Wed, 10 Dec 2025 21:58:30 -0800
Subject: [PATCH] add activeRowId styles to song list table

---
 .../features/songs/components/song-list-infinite-table.tsx    | 4 ++++
 .../features/songs/components/song-list-paginated-table.tsx   | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/src/renderer/features/songs/components/song-list-infinite-table.tsx b/src/renderer/features/songs/components/song-list-infinite-table.tsx
index 992b47fa1..9b198921a 100644
--- a/src/renderer/features/songs/components/song-list-infinite-table.tsx
+++ b/src/renderer/features/songs/components/song-list-infinite-table.tsx
@@ -9,6 +9,7 @@ import { ItemTableList } from '/@/renderer/components/item-list/item-table-list/
 import { ItemTableListColumn } from '/@/renderer/components/item-list/item-table-list/item-table-list-column';
 import { ItemListTableComponentProps } from '/@/renderer/components/item-list/types';
 import { songsQueries } from '/@/renderer/features/songs/api/songs-api';
+import { usePlayerSong } from '/@/renderer/store';
 import { LibraryItem, SongListQuery, SongListSort, SortOrder } from '/@/shared/types/domain-types';
 import { ItemListKey } from '/@/shared/types/types';
 
@@ -60,8 +61,11 @@ export const SongListInfiniteTable = ({
         itemListKey: ItemListKey.SONG,
     });
 
+    const currentSong = usePlayerSong();
+
     return (
         <ItemTableList
+            activeRowId={currentSong?.id}
             autoFitColumns={autoFitColumns}
             CellComponent={ItemTableListColumn}
             columns={columns}
diff --git a/src/renderer/features/songs/components/song-list-paginated-table.tsx b/src/renderer/features/songs/components/song-list-paginated-table.tsx
index 58db85b18..6d990b78b 100644
--- a/src/renderer/features/songs/components/song-list-paginated-table.tsx
+++ b/src/renderer/features/songs/components/song-list-paginated-table.tsx
@@ -11,6 +11,7 @@ import { ItemTableList } from '/@/renderer/components/item-list/item-table-list/
 import { ItemTableListColumn } from '/@/renderer/components/item-list/item-table-list/item-table-list-column';
 import { ItemListTableComponentProps } from '/@/renderer/components/item-list/types';
 import { songsQueries } from '/@/renderer/features/songs/api/songs-api';
+import { usePlayerSong } from '/@/renderer/store';
 import { LibraryItem, SongListQuery, SongListSort, SortOrder } from '/@/shared/types/domain-types';
 import { ItemListKey } from '/@/shared/types/types';
 
@@ -67,6 +68,8 @@ export const SongListPaginatedTable = ({
 
     const startRowIndex = currentPage * itemsPerPage;
 
+    const currentSong = usePlayerSong();
+
     return (
         <ItemListWithPagination
             currentPage={currentPage}
@@ -76,6 +79,7 @@ export const SongListPaginatedTable = ({
             totalItemCount={totalItemCount}
         >
             <ItemTableList
+                activeRowId={currentSong?.id}
                 autoFitColumns={autoFitColumns}
                 CellComponent={ItemTableListColumn}
                 columns={columns}