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

feat: updates

Browse source
This commit is contained in:
qier222 2022-08-03 23:48:39 +08:00
parent 47e41dea9b
commit ebebf2a733
No known key found for this signature in database
GPG key ID: 9C85007ED905F14D
160 changed files with 4148 additions and 2001 deletions
Download patch file Download diff file Expand all files Collapse all files

55
packages/web/pages/New/Artist/Header/LatestRelease.tsx
View file

@ -5,6 +5,7 @@ import { useNavigate, useParams } from 'react-router-dom'
import Image from '@/web/components/New/Image'
import useArtistAlbums from '@/web/api/hooks/useArtistAlbums'
import { useMemo } from 'react'
import useArtistMV from '@/web/api/hooks/useArtistMV'
const Album = () => {
const params = useParams()
@ -54,30 +55,40 @@ const Album = () => {
}
const Video = () => {
const params = useParams()
const { data: videos } = useArtistMV({ id: Number(params.id) || 0 })
const video = videos?.mvs?.[0]
const navigate = useNavigate()
return (
<div className='mt-4 flex rounded-24 bg-white/10 p-2.5'>
<Image
src={resizeImage(
'https://p1.music.126.net/am47BH30IGQit_L2vYaArg==/109951167502760845.jpg',
'sm'
)}
className={cx(
css`
height: 60px;
width: 106px;
border-radius: 16px;
`
)}
/>
<div className='flex-shrink-1 ml-2'>
<div className='line-clamp-2 text-16 font-medium text-night-100'>
Swedish House Mafia & The Weeknd Live at C...
<>
{video && (
<div
className='mt-4 flex rounded-24 bg-white/10 p-2.5'
onClick={() => navigate(`/mv/${video.id}`)}
>
<img
src={video.imgurl16v9}
className={cx(
'object-contain',
css`
height: 60px;
border-radius: 16px;
`
)}
/>
<div className='flex-shrink-1 ml-2'>
<div className='line-clamp-1 text-16 font-medium text-night-100'>
{video.name}
</div>
<div className='mt-1 text-14 font-bold text-night-500'>MV</div>
<div className='mt-1.5 text-12 font-medium text-night-500'>
{dayjs(video.publishTime).format('MMM DD, YYYY')}
</div>
</div>
</div>
<div className='mt-1.5 text-12 font-medium text-night-500'>
{dayjs().format('MMM DD, YYYY')}
</div>
</div>
</div>
)}
</>
)
}