From 2efa8b69601ee46910c109a8777da06757dd09cd Mon Sep 17 00:00:00 2001
From: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com>
Date: Sun, 26 Feb 2023 22:55:06 +0100
Subject: [PATCH] fix(web): setInterval outside onMount (#1883)

---
 .../shared-components/status-box.svelte       | 31 ++++++++++---------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/web/src/lib/components/shared-components/status-box.svelte b/web/src/lib/components/shared-components/status-box.svelte
index 871ec3b8f9..73ed2497c0 100644
--- a/web/src/lib/components/shared-components/status-box.svelte
+++ b/web/src/lib/components/shared-components/status-box.svelte
@@ -10,6 +10,7 @@
 	let isServerOk = true;
 	let serverVersion = '';
 	let serverInfo: ServerInfoResponseDto;
+	let pingServerInterval: NodeJS.Timer;
 
 	onMount(async () => {
 		try {
@@ -24,23 +25,23 @@
 			console.log('Error [StatusBox] [onMount]');
 			isServerOk = false;
 		}
+
+		pingServerInterval = setInterval(async () => {
+			try {
+				const { data: pingReponse } = await api.serverInfoApi.pingServer();
+
+				if (pingReponse.res === 'pong') isServerOk = true;
+				else isServerOk = false;
+
+				const { data: serverInfoRes } = await api.serverInfoApi.getServerInfo();
+				serverInfo = serverInfoRes;
+			} catch (e) {
+				console.log('Error [StatusBox] [pingServerInterval]', e);
+				isServerOk = false;
+			}
+		}, 10000);
 	});
 
-	const pingServerInterval = setInterval(async () => {
-		try {
-			const { data: pingReponse } = await api.serverInfoApi.pingServer();
-
-			if (pingReponse.res === 'pong') isServerOk = true;
-			else isServerOk = false;
-
-			const { data: serverInfoRes } = await api.serverInfoApi.getServerInfo();
-			serverInfo = serverInfoRes;
-		} catch (e) {
-			console.log('Error [StatusBox] [pingServerInterval]', e);
-			isServerOk = false;
-		}
-	}, 10000);
-
 	onDestroy(() => clearInterval(pingServerInterval));
 
 	const getStorageUsagePercentage = () => {