From b3f4a0549bfc0fdbe4d431949ccfbc4934745466 Mon Sep 17 00:00:00 2001
From: Aaron Liu <abslant.liu@gmail.com>
Date: Tue, 20 May 2025 11:58:16 +0800
Subject: [PATCH] enhance(music player): fallback to default music note icon if
 thumb cannot be loaded (https://github.com/cloudreve/Cloudreve/issues/2384)

---
 src/component/Viewers/MusicPlayer/PlayerPopup.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/component/Viewers/MusicPlayer/PlayerPopup.tsx b/src/component/Viewers/MusicPlayer/PlayerPopup.tsx
index 7c94505..23eea0a 100644
--- a/src/component/Viewers/MusicPlayer/PlayerPopup.tsx
+++ b/src/component/Viewers/MusicPlayer/PlayerPopup.tsx
@@ -266,7 +266,7 @@ export const PlayerPopup = ({
         <Box sx={{ display: "flex", alignItems: "center" }}>
           <CoverImage>
             {!thumbSrc && <MusicNote1 fontSize={"large"} />}
-            {thumbSrc && <img src={thumbSrc} alt="cover" />}
+            {thumbSrc && <img src={thumbSrc} onError={() => setThumbSrc(null)} alt="cover" />}
           </CoverImage>
           <Box sx={{ ml: 1.5, minWidth: 0, maxWidth: "210px", width: "100%" }}>
             {file && file.metadata && file.metadata[Metadata.music_artist] && (