From c0c70758c6dfb2210d8be9e7968353d2ff06e570 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sybren=20A=2E=20St=C3=BCvel?= <sybren@blender.org>
Date: Sat, 2 Mar 2024 22:20:01 +0100
Subject: [PATCH] Webapp: hide farm status when SOcketIO is disconnected

Better to not show the farm status if the connection is lost.
---
 web/app/src/App.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/app/src/App.vue b/web/app/src/App.vue
index 4cd53a4e..b707f77a 100644
--- a/web/app/src/App.vue
+++ b/web/app/src/App.vue
@@ -17,7 +17,7 @@
         </li>
       </ul>
     </nav>
-    <farm-status :status="farmStatus.status()" />
+    <farm-status v-if="socketIOConnected" :status="farmStatus.status()" />
     <api-spinner />
     <span class="app-version">
       <a :href="backendURL('/flamenco-addon.zip')">add-on</a>
@@ -51,6 +51,7 @@ export default {
     flamencoVersion: DEFAULT_FLAMENCO_VERSION,
     backendURL: backendURL,
     farmStatus: useFarmStatus(),
+    socketIOConnected: false,
   }),
   mounted() {
     window.app = this;
@@ -61,6 +62,7 @@ export default {
     this.$watch(
       () => sockStatus.isConnected,
       (isConnected) => {
+        this.socketIOConnected = isConnected;
         if (!isConnected) return;
         if (!sockStatus.wasEverDisconnected) return;
         this.socketIOReconnect();