From a8742ebaabb2c192cfe35ca704085f9939a95356 Mon Sep 17 00:00:00 2001
From: Nicolas P <0kyn.dev@gmail.com>
Date: Fri, 28 Oct 2022 16:50:29 +0200
Subject: [PATCH] Fix empty related media header (#1941)

---
 src/pages/image/_id.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pages/image/_id.vue b/src/pages/image/_id.vue
index 63361cec2e..4d17560638 100644
--- a/src/pages/image/_id.vue
+++ b/src/pages/image/_id.vue
@@ -74,7 +74,11 @@
       :image-height="imageHeight"
       :image-type="imageType"
     />
-    <VRelatedImages :media="relatedMedia" :fetch-state="relatedFetchState" />
+    <VRelatedImages
+      v-if="hasRelatedMedia"
+      :media="relatedMedia"
+      :fetch-state="relatedFetchState"
+    />
   </div>
 </template>
 
@@ -136,6 +140,7 @@ export default defineComponent({
     )
 
     const backToSearchPath = computed(() => route.value.meta?.backToSearchPath)
+    const hasRelatedMedia = computed(() => relatedMediaStore.media.length > 0)
     const relatedMedia = computed(() => relatedMediaStore.media)
     const relatedFetchState = computed(() => relatedMediaStore.fetchState)
 
@@ -207,6 +212,7 @@ export default defineComponent({
     }
     return {
       image,
+      hasRelatedMedia,
       relatedMedia,
       relatedFetchState,
       imageWidth,