import {Album, parseAlbum} from "@/entities/Album";
import {useEffect, useState} from "react";
import {useRouter} from "next/router";
import {Artist, parseArtist} from "@/entities/Artist";
import {parseSongs, Song} from "@/entities/Song";

export default function AlbumPage() {
    const router = useRouter();

    const [album, setAlbum] = useState<Album>(parseAlbum({}));
    const [artist, setArtist] = useState<Artist>(parseArtist({}));
    const [songs, setSongs] = useState<Song[]>(parseSongs([]));

    useEffect(() => {
        fetch('http://localhost:8080/albums/' + router.query.id)
            .then((res) => res.json())
            .then((data: object) => {
                setAlbum(parseAlbum(data));
            })
    }, []);

    // more effects

    return (
        <div>
          <!-- -->
        </div>
    );
}