From 4f0e93e60d53b89774bedfc50333351009c7a6fd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fran=20Jurmanovi=C4=87?= <fjurma12@outlook.com>
Date: Wed, 28 May 2025 20:49:44 +0200
Subject: [PATCH] fix status

---
 src/routes/dashboard/+page.svelte             | 78 +++++++++++--------
 src/routes/dashboard/server/[id]/+page.svelte |  7 +-
 2 files changed, 49 insertions(+), 36 deletions(-)

diff --git a/src/routes/dashboard/+page.svelte b/src/routes/dashboard/+page.svelte
index 6d4804f..d89e5d4 100644
--- a/src/routes/dashboard/+page.svelte
+++ b/src/routes/dashboard/+page.svelte
@@ -7,40 +7,54 @@
 </script>
 
 <div class="min-h-screen bg-gray-900 text-white">
-  <header class="bg-gray-800 shadow-md">
-    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 flex justify-between items-center">
-      <h1 class="text-2xl font-bold">ACC Server Manager</h1>
-      <div class="flex items-center space-x-4">
-		<a href="/logout">
-			<button 
-			class="text-gray-300 hover:text-white flex items-center"
-			>
-			<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" />
-			</svg>
-			<span class="ml-1 hidden sm:inline">Logout</span>
-			</button>
-		</a>
-      </div>
-    </div>
-  </header>
+	<header class="bg-gray-800 shadow-md">
+		<div class="mx-auto flex max-w-7xl items-center justify-between px-4 py-4 sm:px-6 lg:px-8">
+			<h1 class="text-2xl font-bold">ACC Server Manager</h1>
+			<div class="flex items-center space-x-4">
+				<a href="/logout">
+					<button class="flex items-center text-gray-300 hover:text-white">
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							class="h-6 w-6"
+							fill="none"
+							viewBox="0 0 24 24"
+							stroke="currentColor"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"
+							/>
+						</svg>
+						<span class="ml-1 hidden sm:inline">Logout</span>
+					</button>
+				</a>
+			</div>
+		</div>
+	</header>
 
-  <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
-    <div class="flex justify-between items-center mb-6">
-      <h2 class="text-xl font-semibold">Your Servers</h2>
-      <div class="flex space-x-2">
-        <a href="/dashboard" class="px-3 py-1 bg-gray-700 hover:bg-gray-600 rounded-md text-sm">
-          Refresh
-        </a>
-      </div>
-    </div>
+	<main class="mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:px-8">
+		<div class="mb-6 flex items-center justify-between">
+			<h2 class="text-xl font-semibold">Your Servers</h2>
+			<div class="flex space-x-2">
+				<button
+					onclick={() => {
+						window.location.reload();
+					}}
+					class="rounded-md bg-gray-700 px-3 py-1 text-sm hover:bg-gray-600"
+				>
+					Refresh
+				</button>
+			</div>
+		</div>
 
-    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-	{#each servers as server}
-		<ServerCard {server} />
-	{/each}
-    </div>
-  </main>
+		<div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
+			{#each servers as server}
+				<ServerCard {server} />
+			{/each}
+		</div>
+	</main>
 </div>
 
 <svelte:head>
diff --git a/src/routes/dashboard/server/[id]/+page.svelte b/src/routes/dashboard/server/[id]/+page.svelte
index 1f6a2b2..677098e 100644
--- a/src/routes/dashboard/server/[id]/+page.svelte
+++ b/src/routes/dashboard/server/[id]/+page.svelte
@@ -4,7 +4,7 @@
 	import EditorEvent from '$components/EditorEvent.svelte';
 	import EditorEventRules from '$components/EditorEventRules.svelte';
 	import EditorSettings from '$components/EditorSettings.svelte';
-	import { getStatusColor } from '$lib/types/serviceStatus.js';
+	import { getStatusColor, serviceStatusToString } from '$lib/types/serviceStatus.js';
 	import { configFile } from '$models/config.js';
 
 	let { data } = $props();
@@ -28,9 +28,8 @@
 				<h2 class="truncate text-lg font-semibold">{server.name}</h2>
 			</a>
 			<div class="mt-1 flex items-center">
-				<span class={`inline-block h-2 w-2 rounded-full ${getStatusColor(server.status)} mr-2`}
-				></span>
-				<span class="text-sm capitalize">{server.status}</span>
+				<span class={`inline-block h-2 w-2 rounded-full ${getStatusColor(server.status)} mr-2`} />
+				<span class="text-sm capitalize">{serviceStatusToString(server.status)}</span>
 			</div>
 		</div>