fix incorrect imageId assignments (#1456)

This commit is contained in:
jeffvli
2025-12-30 15:18:03 -08:00
parent 6ddaf0366c
commit 4a025f82e4
13 changed files with 28 additions and 23 deletions
@@ -121,7 +121,7 @@ export const LeftControls = () => {
styles.playerbarImage,
PlaybackSelectors.playerCoverArt,
)}
id={currentSong?.id}
id={currentSong?.imageId}
itemType={LibraryItem.SONG}
loading="eager"
/>
@@ -92,7 +92,7 @@ export const MobilePlayerbar = () => {
styles.playerbarImage,
PlaybackSelectors.playerCoverArt,
)}
id={currentSong.id}
id={currentSong.imageId}
itemType={LibraryItem.SONG}
loading="eager"
/>
@@ -556,7 +556,7 @@ const PlaylistTableItem = memo(
<Grid.Col span="content">
<Flex align="center" justify="center" px="sm">
<ItemImage
id={item.id}
id={item.imageId}
imageContainerProps={{
className: styles.imageContainer,
}}
@@ -167,6 +167,7 @@ export const CommandPalette = ({ modalProps }: CommandPaletteProps) => {
{({ isHighlighted }) => (
<LibraryCommandItem
id={album.id}
imageId={album.imageId}
imageUrl={album.imageUrl}
isHighlighted={isHighlighted}
itemType={LibraryItem.ALBUM}
@@ -200,6 +201,7 @@ export const CommandPalette = ({ modalProps }: CommandPaletteProps) => {
<LibraryCommandItem
disabled={artist?.albumCount === 0}
id={artist.id}
imageId={artist.imageId}
imageUrl={artist.imageUrl}
isHighlighted={isHighlighted}
itemType={LibraryItem.ALBUM_ARTIST}
@@ -237,6 +239,7 @@ export const CommandPalette = ({ modalProps }: CommandPaletteProps) => {
{({ isHighlighted }) => (
<LibraryCommandItem
id={song.id}
imageId={song.imageId}
imageUrl={song.imageUrl}
isHighlighted={isHighlighted}
itemType={LibraryItem.SONG}
@@ -19,6 +19,7 @@ import { Play } from '/@/shared/types/types';
interface LibraryCommandItemProps {
disabled?: boolean;
id: string;
imageId: null | string;
imageUrl: null | string;
isHighlighted?: boolean;
itemType: LibraryItem;
@@ -30,6 +31,7 @@ interface LibraryCommandItemProps {
export const LibraryCommandItem = ({
disabled,
id,
imageId,
imageUrl,
isHighlighted,
itemType,
@@ -99,7 +101,7 @@ export const LibraryCommandItem = ({
alt="cover"
className={styles.image}
height={40}
id={id}
id={imageId}
itemType={itemType}
src={imageUrl}
width={40}