From 76cb2a154b2b420a5d2c31f53b581ef6f9c5ca0f Mon Sep 17 00:00:00 2001
From: HouKunLin <houkunlin@aliyun.com>
Date: Wed, 17 May 2023 09:39:33 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=8D=B3=E4=BD=BF=E4=B8=8D=E5=AD=98?=
 =?UTF-8?q?=E5=9C=A8=E6=AD=8C=E6=9B=B2=E5=85=83=E6=95=B0=E6=8D=AE=EF=BC=8C?=
 =?UTF-8?q?=E4=B9=9F=E5=B1=95=E7=A4=BA=E9=BB=98=E8=AE=A4=E7=9A=84=E2=80=9C?=
 =?UTF-8?q?=E6=9A=82=E6=97=A0=E5=B0=81=E9=9D=A2=E2=80=9D=E5=8D=A0=E4=BD=8D?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/file-listing/FileRow.tsx | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/features/file-listing/FileRow.tsx b/src/features/file-listing/FileRow.tsx
index b949e4e..6680b07 100644
--- a/src/features/file-listing/FileRow.tsx
+++ b/src/features/file-listing/FileRow.tsx
@@ -18,6 +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';
 
 interface FileRowProps {
   id: string;
@@ -83,14 +84,12 @@ export function FileRow({ id, file }: FileRowProps) {
           >
             <GridItem area="cover">
               <Center w="160px" h="160px" m="auto">
-                {metadata && (
-                  <Image
-                    objectFit="cover"
-                    src={metadata.cover}
-                    alt={`"${metadata.album}" 的专辑封面`}
-                    fallbackSrc={'/assets/no-cover.svg'}
-                  />
-                )}
+                <Image
+                  objectFit="cover"
+                  src={metadata?.cover}
+                  alt={`${metadata?.album} 的专辑封面`}
+                  fallbackSrc={coverSvgUrl}
+                />
               </Center>
             </GridItem>
             <GridItem area="title">