um/um-react
18
30
Fork 0
Code Issues 13 Pull Requests Packages Projects 1 Releases 2 Wiki Activity

feat: 即使不存在歌曲元数据，也展示默认的“暂无封面”占位图片

Browse Source
This commit is contained in:
HouKunLin 2023-05-17 09:39:33 +08:00
parent 4341203c08
commit aaefffbb8b
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/features/file-listing/FileRow.tsx
View File

@ -18,6 +18,7 @@ import {
import { DecryptedAudioFile, deleteFile, ProcessState } from './fileListingSlice'; import { DecryptedAudioFile, deleteFile, ProcessState } from './fileListingSlice';
import { useCallback, useRef } from 'react'; import { useCallback, useRef } from 'react';
import { useAppDispatch } from '~/hooks'; import { useAppDispatch } from '~/hooks';
import coverSvgUrl from '~/assets/no-cover.svg';
interface FileRowProps { interface FileRowProps {
id: string; id: string;
@ -83,14 +84,12 @@ export function FileRow({ id, file }: FileRowProps) {
> >
<GridItem area="cover"> <GridItem area="cover">
<Center w="160px" h="160px" m="auto"> <Center w="160px" h="160px" m="auto">
{metadata && ( <Image
<Image objectFit="cover"
objectFit="cover" src={metadata?.cover}
src={metadata.cover} alt={`${metadata?.album} 的专辑封面`}
alt={`"${metadata.album}" 的专辑封面`} fallbackSrc={coverSvgUrl}
fallbackSrc={'/assets/no-cover.svg'} />
/>
)}
</Center> </Center>
</GridItem> </GridItem>
<GridItem area="title"> <GridItem area="title">