|
|
@ -17,12 +17,13 @@ interface Prop {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
export default function PlayerCard({ show, className }: Prop) {
|
|
|
|
export default function PlayerCard({ show, className }: Prop) {
|
|
|
|
const { audioId, playList, playState, setPlayList, setPlayQueue } = useAudioStore(
|
|
|
|
const { audioId, playList, playQueue, playState, setPlayList, setPlayQueue } = useAudioStore(
|
|
|
|
useShallow((state) => {
|
|
|
|
useShallow((state) => {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
playState: state.playState,
|
|
|
|
playState: state.playState,
|
|
|
|
audioId: state.audioId,
|
|
|
|
audioId: state.audioId,
|
|
|
|
playList: state.playList,
|
|
|
|
playList: state.playList,
|
|
|
|
|
|
|
|
playQueue: state.playQueue,
|
|
|
|
setPlayList: state.setPlayList,
|
|
|
|
setPlayList: state.setPlayList,
|
|
|
|
setPlayQueue: state.setPlayQueue,
|
|
|
|
setPlayQueue: state.setPlayQueue,
|
|
|
|
};
|
|
|
|
};
|
|
|
@ -123,7 +124,7 @@ export default function PlayerCard({ show, className }: Prop) {
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<SongCardList
|
|
|
|
<SongCardList
|
|
|
|
className="w-[712px] mt-11px"
|
|
|
|
className="w-[712px] mt-11px"
|
|
|
|
songList={playList}
|
|
|
|
songList={playQueue}
|
|
|
|
listInfo={{ type: 'playerCard', id: null }}
|
|
|
|
listInfo={{ type: 'playerCard', id: null }}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|