From e709c35bc1645ec7e57385b7305661c6a9d5e997 Mon Sep 17 00:00:00 2001
From: codey <codey@code.ee>
Date: Mon, 21 Jul 2025 16:00:49 -0400
Subject: [PATCH] add album display (cover art tooltip)

---
 src/components/AudioPlayer.jsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

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 =
       <div className="c-containter">
         <div className="music-container mt-8">
           <section className="album-cover">
-            <img src={coverArt} className="cover" alt="Cover Art" />
+            <img src={coverArt}
+            className="cover"
+            title={`"${trackAlbum}" Cover Art`}
+            alt={`"${trackAlbum}" Cover Art`} />
           </section>
           <section className="music-player">
             <h1 className="music-player__header">serious.FM</h1>