From 4b7ed9024707e5958c051d4a5e265eee9bba5ba7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=B2=81=E6=A0=91=E4=BA=BA?= <lu.shuren@um-react.app>
Date: Sun, 21 May 2023 14:17:55 +0100
Subject: [PATCH] chore: address code review re file row

---
 src/features/file-listing/FileRow.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/features/file-listing/FileRow.tsx b/src/features/file-listing/FileRow.tsx
index 6680b07..bd4f0b8 100644
--- a/src/features/file-listing/FileRow.tsx
+++ b/src/features/file-listing/FileRow.tsx
@@ -18,7 +18,7 @@ import {
 import { DecryptedAudioFile, deleteFile, ProcessState } from './fileListingSlice';
 import { useCallback, useRef } from 'react';
 import { useAppDispatch } from '~/hooks';
-import coverSvgUrl from '~/assets/no-cover.svg';
+import noCoverFallbackImageURL from '~/assets/no-cover.svg';
 
 interface FileRowProps {
   id: string;
@@ -86,9 +86,8 @@ export function FileRow({ id, file }: FileRowProps) {
               <Center w="160px" h="160px" m="auto">
                 <Image
                   objectFit="cover"
-                  src={metadata?.cover}
+                  src={metadata?.cover || noCoverFallbackImageURL}
                   alt={`${metadata?.album} 的专辑封面`}
-                  fallbackSrc={coverSvgUrl}
                 />
               </Center>
             </GridItem>