mirror of
https://github.com/qier222/YesPlayMusic.git
synced 2025-03-01 11:27:39 +08:00
32 lines
700 B
TypeScript
32 lines
700 B
TypeScript
import useArtist from '@/web/api/hooks/useArtist'
|
|
import { cx, css } from '@emotion/css'
|
|
import { useParams } from 'react-router-dom'
|
|
import Header from './Header'
|
|
import Popular from './Popular'
|
|
import ArtistAlbum from './ArtistAlbums'
|
|
import FansAlsoLike from './FansAlsoLike'
|
|
|
|
const Artist = () => {
|
|
const params = useParams()
|
|
|
|
const { data: artist, isLoading: isLoadingArtist } = useArtist({
|
|
id: Number(params.id) || 0,
|
|
})
|
|
|
|
return (
|
|
<div>
|
|
<Header artist={artist?.artist} />
|
|
|
|
<div className='mt-10 mb-7.5 h-px w-full bg-white/20'></div>
|
|
|
|
<Popular tracks={artist?.hotSongs} />
|
|
|
|
<ArtistAlbum />
|
|
|
|
<FansAlsoLike />
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Artist
|