fix activeRowId styles for title columns

This commit is contained in:
jeffvli
2025-11-23 00:46:57 -08:00
parent 80b4730749
commit 4b2708e1e4
3 changed files with 9 additions and 3 deletions
@@ -84,7 +84,9 @@ const DefaultRowIndexColumn = (props: ItemTableListInnerColumn) => {
const QueueSongRowIndexColumn = (props: ItemTableListInnerColumn) => {
const status = usePlayerStatus();
const song = props.data[props.rowIndex] as QueueSong;
const isActive = props.activeRowId === song?.id || props.activeRowId === song?._uniqueId;
const isActive =
!!props.activeRowId &&
(props.activeRowId === song?.id || props.activeRowId === song?._uniqueId);
let adjustedRowIndex =
props.adjustedRowIndexMap?.get(props.rowIndex) ??
@@ -74,7 +74,9 @@ function QueueSongTitleColumn(props: ItemTableListInnerColumn) {
];
const song = props.data[props.rowIndex] as QueueSong;
const isActive = props.activeRowId === song?.id || props.activeRowId === song?._uniqueId;
const isActive =
!!props.activeRowId &&
(props.activeRowId === song?.id || props.activeRowId === song?._uniqueId);
if (typeof row === 'string') {
const path = getTitlePath(props.itemType, (props.data[props.rowIndex] as any).id as string);
@@ -88,7 +88,9 @@ export const QueueSongTitleCombinedColumn = (props: ItemTableListInnerColumn) =>
const row: object | undefined = (props.data as (any | undefined)[])[props.rowIndex];
const song = props.data[props.rowIndex] as QueueSong;
const isActive = props.activeRowId === song?.id || props.activeRowId === song?._uniqueId;
const isActive =
!!props.activeRowId &&
(props.activeRowId === song?.id || props.activeRowId === song?._uniqueId);
const artists = useMemo(() => {
if (row && 'artists' in row && Array.isArray(row.artists)) {