girineko/YesPlayMusic
1
0
Fork 0
mirror of https://github.com/GiriNeko/YesPlayMusic.git synced 2025-12-18 06:07:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: 音乐库增加查看收藏的专辑/歌单/歌手功能

Browse source
This commit is contained in:
qier222 2022-04-05 02:31:10 +08:00
parent bbd5299341
commit 2e41001d02
No known key found for this signature in database
GPG key ID: 9C85007ED905F14D
6 changed files with 203 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

29
src/renderer/components/CoverRow.tsx
View file

@ -38,7 +38,12 @@ const getSubtitleText = (
subtitle: Subtitle
) => {
const nickname = 'creator' in item ? item.creator.nickname : 'someone'
const artist = 'artist' in item ? item.artist.name : 'unknown'
const artist =
'artist' in item
? item.artist.name
: 'artists' in item
? item.artists?.[0]?.name
: 'unknown'
const copywriter = 'copywriter' in item ? item.copywriter : 'unknown'
const releaseYear =
('publishTime' in item &&
@ -125,10 +130,10 @@ const CoverRow = ({
<div
className={classNames(
'grid gap-x-6 gap-y-7',
'grid',
className,
!className &&
'grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6'
'grid-cols-3 gap-x-6 gap-y-7 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6'
)}
>
{renderItems.map((item, index) => (
@ -146,6 +151,7 @@ const CoverRow = ({
onClick={() => goTo(item.id)}
imageUrl={getImageUrl(item)}
showPlayButton={true}
roundedClass={artists ? 'rounded-full' : 'rounded-xl'}
/>
)}
@ -163,9 +169,14 @@ const CoverRow = ({
</Skeleton>
</div>
) : (
<span className='line-clamp-2 leading-tight '>
<span
className={classNames(
'line-clamp-2 leading-tight',
artists && 'mt-3 text-center'
)}
>
{/* Playlist private icon */}
{(item as Playlist).privacy && (
{(item as Playlist).privacy === 10 && (
<SvgIcon
name='lock'
className='mr-1 mb-1 inline-block h-3 w-3 text-gray-300'
@ -197,9 +208,11 @@ const CoverRow = ({
PLACEHOLDER
</Skeleton>
) : (
<div className='flex text-[12px] text-gray-500 dark:text-gray-400'>
<span>{getSubtitleText(item, subtitle)}</span>
</div>
!artists && (
<div className='flex text-[12px] text-gray-500 dark:text-gray-400'>
<span>{getSubtitleText(item, subtitle)}</span>
</div>
)
)}
</div>
</div>