Fixed: Invalid image URL if Movie is missing background image

(cherry picked from commit dd096e0fda71b3afa9b09c2900abbf226d8a5204) Closes #8742
1 year ago · 4804eb0769
parent 60a55dfdac
commit 4804eb0769
1 changed files with 6 additions and 3 deletions
--- a/frontend/src/Movie/Details/MovieDetails.js
+++ b/frontend/src/Movie/Details/MovieDetails.js
@ -303,6 +303,7 @@ class MovieDetails extends Component {
      selectedTabIndex
    } = this.state;

+    const fanartUrl = getFanartUrl(images);
    const marqueeWidth = isSmallScreen ? titleWidth : (titleWidth - 150);

    return (
@ -361,9 +362,11 @@ class MovieDetails 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>