From 6dd5f041311ee96a642f9c3f1762f1886028070b Mon Sep 17 00:00:00 2001
From: Jixun Wu <jixun.moe@gmail.com>
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>