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
europeana · Dec 12, 2024 · 3f6666c · 3f6666c
1 parent 5226c61
commit 3f6666c
Showing 1 changed file with 4 additions and 2 deletions.
diff --git 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);
       },