2022-06-25 13:47:07 +08:00

21 lines
550 B
TypeScript

import ArtistRow from '@/web/components/New/ArtistRow'
import useSimilarArtists from '@/web/api/hooks/useSimilarArtists'
import { useParams } from 'react-router-dom'
const FansAlsoLike = () => {
const params = useParams()
const { data: artists } = useSimilarArtists({ id: Number(params.id) || 0 })
return (
<div>
<div className='mb-6 mt-10 text-12 font-medium uppercase text-neutral-300'>
Fans Also Like
</div>
<ArtistRow artists={artists?.artists?.slice(0, 5)} />
</div>
)
}
export default FansAlsoLike