add album display (cover art tooltip)
This commit is contained in:
		@@ -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>
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user