From be23c6703fd4383bc3710828985755a1e11b023b Mon Sep 17 00:00:00 2001
From: Tony Edwards <tony.edwards@gmail.com>
Date: Fri, 8 Dec 2023 09:08:51 +0000
Subject: [PATCH] Shows media link status when connected to a server

---
 pages/item/_id/index.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/pages/item/_id/index.vue b/pages/item/_id/index.vue
index 8a65cda5..feebe9d5 100644
--- a/pages/item/_id/index.vue
+++ b/pages/item/_id/index.vue
@@ -27,7 +27,7 @@
         <p v-if="subtitle" class="text-gray-100 text-base">{{ subtitle }}</p>
       </div>
 
-      <div v-if="hasLocal" class="mx-1">
+      <div v-if="hasLocal && this.socketConnected" class="mx-1">
         <div v-if="isLocalOnly" class="w-full rounded-md bg-warning/10 border border-warning p-4">
           <p class="text-sm">{{ $strings.MessageMediaNotLinkedToServer }}</p>
         </div>
@@ -448,6 +448,9 @@ export default {
 
       if (width * this.bookCoverAspectRatio > 325) width = 325 / this.bookCoverAspectRatio
       return width
+    },
+    socketConnected () {
+      return this.$store.state.socketConnected
     }
   },
   methods: {