From 67e9ce909a7799695ac673e4ff7149d3e4d714e2 Mon Sep 17 00:00:00 2001
From: "servarr[bot]" <68984020+servarr[bot]@users.noreply.github.com>
Date: Tue, 27 Jun 2023 03:57:31 +0300
Subject: [PATCH] Fixed: Invalid image URL if Artist is missing background
 image

(cherry picked from commit dd096e0fda71b3afa9b09c2900abbf226d8a5204)

Co-authored-by: Bogdan <mynameisbogdan@users.noreply.github.com>
---
 frontend/src/Artist/Details/ArtistDetails.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/Artist/Details/ArtistDetails.js b/frontend/src/Artist/Details/ArtistDetails.js
index 2292a6338..b6f5179ac 100644
--- a/frontend/src/Artist/Details/ArtistDetails.js
+++ b/frontend/src/Artist/Details/ArtistDetails.js
@@ -252,6 +252,8 @@ class ArtistDetails extends Component {
       expandIcon = icons.EXPAND;
     }
 
+    const fanartUrl = getFanartUrl(images);
+
     return (
       <PageContent title={artistName}>
         <PageToolbar>
@@ -347,9 +349,11 @@ class ArtistDetails extends Component {
           <div className={styles.header}>
             <div
               className={styles.backdrop}
-              style={{
-                backgroundImage: `url(${getFanartUrl(images)})`
-              }}
+              style={
+                fanartUrl ?
+                  { backgroundImage: `url(${fanartUrl})` } :
+                  null
+              }
             >
               <div className={styles.backdropOverlay} />
             </div>