From a23d24f15063c9790142e54740eaeca0012eb8b9 Mon Sep 17 00:00:00 2001
From: Evan Song <theevansong@gmail.com>
Date: Thu, 17 Oct 2024 21:13:43 -0700
Subject: [PATCH] fix: get rid of "Something went wrong..." during initial load

Signed-off-by: Evan Song <theevansong@gmail.com>
---
 apps/frontend/src/pages/servers/manage/[id].vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/frontend/src/pages/servers/manage/[id].vue b/apps/frontend/src/pages/servers/manage/[id].vue
index e3d87288d..c8b3535c0 100644
--- a/apps/frontend/src/pages/servers/manage/[id].vue
+++ b/apps/frontend/src/pages/servers/manage/[id].vue
@@ -65,7 +65,7 @@
 
       <div data-pyro-mount class="h-full w-full flex-1">
         <div
-          v-if="!isConnected && !isReconnecting"
+          v-if="!isConnected && !isReconnecting && !isLoading"
           data-pyro-server-ws-error
           class="mb-4 flex w-full flex-row items-center gap-4 rounded-xl bg-bg-red p-4 text-contrast"
         >
@@ -116,6 +116,7 @@ import type { ServerState, Stats, WSEvent, WSInstallationResultEvent } from "~/t
 
 const socket = ref<WebSocket | null>(null);
 const isReconnecting = ref(false);
+const isLoading = ref(true); // initial loading state
 const reconnectInterval = ref<ReturnType<typeof setInterval> | null>(null);
 
 const route = useNativeRoute();
@@ -193,6 +194,7 @@ const connectWebSocket = () => {
       socket.value?.send(JSON.stringify({ event: "auth", jwt: wsAuth.value?.token }));
       isConnected.value = true;
       isReconnecting.value = false;
+      isLoading.value = false;
       if (reconnectInterval.value) {
         clearInterval(reconnectInterval.value);
         reconnectInterval.value = null;