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

chore: address code review re file row

Browse Source
This commit is contained in:
鲁树人 2023-05-21 14:17:55 +01:00
parent 837e7655b8
commit 6dd5f04131
1 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -18,7 +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'; import noCoverFallbackImageURL from '~/assets/no-cover.svg';
interface FileRowProps { interface FileRowProps {
id: string; id: string;
@ -86,9 +86,8 @@ export function FileRow({ id, file }: FileRowProps) {
<Center w="160px" h="160px" m="auto"> <Center w="160px" h="160px" m="auto">
<Image <Image
objectFit="cover" objectFit="cover"
src={metadata?.cover} src={metadata?.cover || noCoverFallbackImageURL}
alt={`${metadata?.album} 的专辑封面`} alt={`${metadata?.album} 的专辑封面`}
fallbackSrc={coverSvgUrl}
/> />
</Center> </Center>
</GridItem> </GridItem>