fix(spotifyControls): add album/cover null checks (local files) (#198)

Co-authored-by: Ven <vendicated@riseup.net>
This commit is contained in:
Nico 2022-11-09 17:36:20 +01:00 committed by GitHub
parent e0450531ef
commit 3b65384b94
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 27 additions and 21 deletions

View File

@ -233,18 +233,22 @@ function Info({ track }: { track: Track; }) {
const [coverExpanded, setCoverExpanded] = React.useState(false);
const i = (
<img
id={cl("album-image")}
src={img?.url}
alt="Album Image"
onClick={() => setCoverExpanded(!coverExpanded)}
onContextMenu={e => {
ContextMenu.open(e, () => <AlbumContextMenu track={track} />);
}}
/>
<>
{img && (
<img
id={cl("album-image")}
src={img.url}
alt="Album Image"
onClick={() => setCoverExpanded(!coverExpanded)}
onContextMenu={e => {
ContextMenu.open(e, () => <AlbumContextMenu track={track} />);
}}
/>
)}
</>
);
if (coverExpanded) return (
if (coverExpanded && img) return (
<div id={cl("album-expanded-wrapper")}>
{i}
</div>
@ -280,18 +284,20 @@ function Info({ track }: { track: Track; }) {
</React.Fragment>
))}
</Forms.FormText>
<Forms.FormText variant="text-sm/normal" className={cl("ellipoverflow")}>
{track.album.name && (
<Forms.FormText variant="text-sm/normal" className={cl("ellipoverflow")}>
on&nbsp;
<a id={cl("album-title")}
href={`https://open.spotify.com/album/${track.album.id}`}
target="_blank"
className={cl("album")}
style={{ fontSize: "inherit" }}
title={track.album.name}
>
{track.album.name}
</a>
</Forms.FormText>
<a id={cl("album-title")}
href={`https://open.spotify.com/album/${track.album.id}`}
target="_blank"
className={cl("album")}
style={{ fontSize: "inherit" }}
title={track.album.name}
>
{track.album.name}
</a>
</Forms.FormText>
)}
</div>
</div>
);