From 016ff25384ae61dc5f7202be3656da10870b3672 Mon Sep 17 00:00:00 2001
From: Bogdan <mynameisbogdan@users.noreply.github.com>
Date: Tue, 27 Jun 2023 01:23:18 +0300
Subject: [PATCH] Fixed: Invalid image URL if Album is missing background image

(cherry picked from commit dd096e0fda71b3afa9b09c2900abbf226d8a5204)
---
 frontend/src/Album/Details/AlbumDetails.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/src/Album/Details/AlbumDetails.js b/frontend/src/Album/Details/AlbumDetails.js
index c0c3b57ec..60f9e23a9 100644
--- a/frontend/src/Album/Details/AlbumDetails.js
+++ b/frontend/src/Album/Details/AlbumDetails.js
@@ -236,8 +236,9 @@ class AlbumDetails extends Component {
       expandedState
     } = this.state;
 
-    let expandIcon = icons.EXPAND_INDETERMINATE;
+    const fanartUrl = getFanartUrl(artist.images);
 
+    let expandIcon = icons.EXPAND_INDETERMINATE;
     let trackFilesCountMessage = translate('TrackFilesCountMessage');
 
     if (trackFileCount === 1) {
@@ -326,9 +327,11 @@ class AlbumDetails extends Component {
           <div className={styles.header}>
             <div
               className={styles.backdrop}
-              style={{
-                backgroundImage: `url(${getFanartUrl(artist.images)})`
-              }}
+              style={
+                fanartUrl ?
+                  { backgroundImage: `url(${fanartUrl})` } :
+                  null
+              }
             >
               <div className={styles.backdropOverlay} />
             </div>