diff --git a/src/components/AudioPlayer.jsx b/src/components/AudioPlayer.jsx index 1fcff22..0bcc13a 100644 --- a/src/components/AudioPlayer.jsx +++ b/src/components/AudioPlayer.jsx @@ -33,6 +33,7 @@ export function Player() { const [trackTitle, setTrackTitle] = useState(""); const [trackArtist, setTrackArtist] = useState(""); const [trackGenre, setTrackGenre] = useState(""); + const [trackAlbum, setTrackAlbum] = useState(""); const [coverArt, setCoverArt] = useState("/images/radio_art_default.jpg"); const [elapsed, setElapsed] = useState(0); const [duration, setDuration] = useState(0); @@ -131,6 +132,7 @@ useEffect(() => { if (lastStationData.current !== "offline") { setTrackTitle("Offline"); setTrackArtist(""); + setTrackAlbum(""); setTrackGenre(""); setCoverArt("/images/radio_art_default.jpg"); setElapsed(0); @@ -153,6 +155,7 @@ useEffect(() => { setTrackTitle(data.song); setTrackArtist(data.artist); setTrackGenre(data.genre !== "N/A" ? data.genre : ""); + setTrackAlbum(data.album); setCoverArt(`${API_URL}/radio/album_art?station=${activeStation}&_=${Date.now()}`); setElapsed(data.elapsed); setDuration(data.duration); @@ -201,7 +204,10 @@ const progressColorClass =
- Cover Art + {`"${trackAlbum}"

serious.FM