girineko/YesPlayMusic
1
0
Fork 0
mirror of https://github.com/GiriNeko/YesPlayMusic.git synced 2025-12-17 05:38:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: updates

Browse source
This commit is contained in:
qier222 2022-06-25 13:47:07 +08:00
parent f340a90117
commit cec4c5909d
No known key found for this signature in database
GPG key ID: 9C85007ED905F14D
50 changed files with 1304 additions and 207 deletions
Download patch file Download diff file Expand all files Collapse all files

13
packages/web/components/New/ArtistRow.tsx
View file

@ -1,13 +1,19 @@
import { resizeImage } from '@/web/utils/common'
import { css, cx } from '@emotion/css'
import { memo } from 'react'
import { useNavigate } from 'react-router-dom'
import Image from './Image'
const Artist = ({ artist }: { artist: Artist }) => {
const navigate = useNavigate()
const to = () => {
navigate(`/artist/${artist.id}`)
}
return (
<div className='text-center'>
<Image
alt={artist.name}
onClick={to}
src={resizeImage(artist.img1v1Url, 'md')}
className={cx(
'aspect-square rounded-full',
@ -17,7 +23,10 @@ const Artist = ({ artist }: { artist: Artist }) => {
`
)}
/>
<div className='line-clamp-1 mt-2.5 text-12 font-medium text-neutral-700 dark:text-neutral-600 lg:text-14 lg:font-bold'>
<div
onClick={to}
className='line-clamp-1 mt-2.5 text-12 font-medium text-neutral-700 dark:text-neutral-600 lg:text-14 lg:font-bold'
>
{artist.name}
</div>
</div>