From fc95a8934f3defbc871711002594cca03e97fa95 Mon Sep 17 00:00:00 2001
From: "Timothy Z." <timothy@stremio.com>
Date: Thu, 26 Dec 2024 16:38:16 +0200
Subject: [PATCH] Revert "revert(MetaDetails): renderbg logic"

This reverts commit dc00a9fadc18a220a952081b62b943fc97ef4cc1.
---
 src/routes/MetaDetails/MetaDetails.js | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/routes/MetaDetails/MetaDetails.js b/src/routes/MetaDetails/MetaDetails.js
index ec5377509..ee0a6907a 100644
--- a/src/routes/MetaDetails/MetaDetails.js
+++ b/src/routes/MetaDetails/MetaDetails.js
@@ -76,12 +76,19 @@ const MetaDetails = ({ urlParams, queryParams }) => {
         setSeason(event.value);
     }, [setSeason]);
     const renderBackgroundImageFallback = React.useCallback(() => null, []);
+    const renderBackground = React.useMemo(() => !!(
+        metaPath &&
+        metaDetails?.metaItem &&
+        metaDetails.metaItem.content?.type !== 'Err' &&
+        metaDetails.metaItem.content.type !== 'Loading' &&
+        typeof metaDetails.metaItem.content.content?.background === 'string' &&
+        metaDetails.metaItem.content.content.background.length > 0
+    ), [metaPath, metaDetails]);
 
     return (
         <div className={styles['metadetails-container']}>
             {
-                typeof metaDetails.metaItem.content.content.background === 'string'
-                    && metaDetails.metaItem.content.content.background.length > 0 ?
+                renderBackground ?
                     <div className={styles['background-image-layer']}>
                         <Image
                             className={styles['background-image']}