From 3f6666c62a183f08cc3714df65175505b7aeceb0 Mon Sep 17 00:00:00 2001
From: Richard Doe <richard.doe@rwdit.net>
Date: Thu, 12 Dec 2024 14:25:57 +0000
Subject: [PATCH] refactor: separate media error from fetch error

so that media error can be cleared when switching page where a different
media resource would be loaded
---
 .../portal/src/components/item/ItemMediaPresentation.vue    | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/portal/src/components/item/ItemMediaPresentation.vue b/packages/portal/src/components/item/ItemMediaPresentation.vue
index c2fa344be7..f9f852d4c7 100644
--- a/packages/portal/src/components/item/ItemMediaPresentation.vue
+++ b/packages/portal/src/components/item/ItemMediaPresentation.vue
@@ -44,7 +44,7 @@
             />
           </template>
           <IIIFErrorMessage
-            v-if="$fetchState.error"
+            v-if="$fetchState.error || mediaError"
             :provider-url="providerUrl"
           />
           <MediaImageViewer
@@ -220,6 +220,7 @@
     data() {
       return {
         fullscreen: false,
+        mediaError: null,
         mockFullscreenClass: false,
         showPages: true,
         showSidebar: false,
@@ -301,6 +302,7 @@
 
     watch: {
       '$route.query.page'() {
+        this.mediaError = null;
         this.setPage(this.$route.query.page);
       },
 
@@ -312,7 +314,7 @@
 
     methods: {
       handleImageError(error) {
-        this.$fetchState.error = error;
+        this.mediaError = error;
         this.handleError(error);
       },