enhance(music player): fallback to default music note icon if thumb cannot be loaded (https://github.com/cloudreve/Cloudreve/issues/2384)

This commit is contained in:
Aaron Liu 2025-05-20 11:58:16 +08:00
parent 3deaf12878
commit b3f4a0549b

View File

@ -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] && (