From 34864b76dd68b35e20eaf412eee7114cc4faae6f Mon Sep 17 00:00:00 2001
From: 4gray <fourgray@proton.me>
Date: Sun, 4 May 2025 23:05:56 +0200
Subject: [PATCH] fix(xtream): add error handling for image loading in category
 and VOD details views

---
 .../category-content-view.component.html                   | 4 ++++
 src/app/xtream/vod-details/vod-details.component.html      | 7 ++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/app/xtream/category-content-view/category-content-view.component.html b/src/app/xtream/category-content-view/category-content-view.component.html
index 4aba477c8..559be399f 100644
--- a/src/app/xtream/category-content-view/category-content-view.component.html
+++ b/src/app/xtream/category-content-view/category-content-view.component.html
@@ -18,6 +18,10 @@
                             priority
                             placeholder
                             placeholder="data:image/png;base64,iVBORw0K..."
+                            (error)="
+                                $event.target.src =
+                                    './assets/images/default-poster.png'
+                            "
                         />
                     }
                     @if (!item.stream_icon && !item.cover && !item.logo) {
diff --git a/src/app/xtream/vod-details/vod-details.component.html b/src/app/xtream/vod-details/vod-details.component.html
index 977f679a4..8d697db16 100644
--- a/src/app/xtream/vod-details/vod-details.component.html
+++ b/src/app/xtream/vod-details/vod-details.component.html
@@ -10,7 +10,12 @@
 >
     <div class="image">
         @if (item.info?.movie_image) {
-            <img [src]="item.info?.movie_image" />
+            <img
+                [src]="item.info?.movie_image"
+                (error)="
+                    $event.target.src = './assets/images/default-poster.png'
+                "
+            />
         } @else {
             <div class="placeholder-cover"></div>
         }