diff --git a/src/components/AlbumPlayer.tsx b/src/components/AlbumPlayer.tsx index 5c74da0..86c528d 100644 --- a/src/components/AlbumPlayer.tsx +++ b/src/components/AlbumPlayer.tsx @@ -1,4 +1,4 @@ -import {useState} from "react"; +import {useEffect, useState} from "react"; import hostName from "../Config.ts"; import {AlbumInfo} from "../models/AlbumInfo.ts"; import AlbumInfoDisplay from "./AlbumInfoDisplay.tsx"; @@ -17,6 +17,11 @@ export default function AlbumPlayer(props: Readonly) { const [isShowAlbumInfo, setIsShowAlbumInfo] = useState(false) let album = props.albumInfo + + useEffect(() => { + document.title = `Pretty Player - ${album.trackList[trackNum].trackTitle}`; // Quick solution + }, [trackNum]); + function handleNextTrack() { if(!isAlbumOver && trackNum+1 === props.albumInfo.trackList.length) { setIsAlbumOver(true)