xref: /MusicFree/src/pages/albumDetail/index.tsx (revision f9afcc0d02c058f568e43dc501a8b0e6dbce15c6)

import React from 'react';
import useAlbumDetail from './hooks/useAlbumMusicList';
import {useParams} from '@/entry/router';
import MusicSheetPage from '@/components/musicSheetPage';

export default function AlbumDetail() {
    const {albumItem: originalAlbumItem} = useParams<'album-detail'>();
    const [loadMore, albumItem, musicList, getAlbumDetail] =
        useAlbumDetail(originalAlbumItem);

    return (
        <MusicSheetPage
            navTitle="专辑"
            sheetInfo={albumItem}
            loadMore={loadMore}
            musicList={musicList}
            onEndReached={() => {
                getAlbumDetail();
            }}
        />
    );
}