xref: /MusicFree/src/pages/pluginSheetDetail/index.tsx (revision b4c389f44ac4dad056e7314478fadd2eca82a4b1)

import React from 'react';
import MusicSheetPage from '@/components/musicSheetPage';
import {useParams} from '@/core/router';
import usePluginSheetMusicList from './hooks/usePluginSheetMusicList';

export default function PluginSheetDetail() {
    const {sheetInfo} = useParams<'plugin-sheet-detail'>();

    const [loadMore, sheetItem, musicList, getSheetDetail] =
        usePluginSheetMusicList(sheetInfo as IMusic.IMusicSheetItem);
    return (
        <MusicSheetPage
            canStar
            sheetInfo={sheetItem}
            navTitle={sheetInfo?.title ?? '歌单'}
            musicList={musicList}
            loadMore={loadMore}
            onEndReached={() => {
                getSheetDetail();
            }}
        />
    );
}