From 5ab0e2ecdceec1a97754a2253350fd186f844711 Mon Sep 17 00:00:00 2001
From: Akis <mavrommatisakis@gmail.com>
Date: Tue, 13 Dec 2022 17:37:58 +0200
Subject: [PATCH] adjust to new api

---
 src/routes/instances/+page.server.ts |  5 +-
 src/routes/instances/+page.svelte    | 98 +++++++++++++++-------------
 2 files changed, 57 insertions(+), 46 deletions(-)

diff --git a/src/routes/instances/+page.server.ts b/src/routes/instances/+page.server.ts
index 7e20563..da85d5b 100644
--- a/src/routes/instances/+page.server.ts
+++ b/src/routes/instances/+page.server.ts
@@ -2,5 +2,8 @@ import type { PageServerLoad } from "./$types";
 import { env } from "$env/dynamic/private";
 
 export const load: PageServerLoad = async () => {
-    return await fetch(env.VITE_API_URL + "/api/v1/status").then((res) => res.json());
+	return {
+		state: await fetch(env.VITE_API_URL + "/api/v1/state/status").then((res) => res.json()),
+		instances: await fetch(env.VITE_API_URL + "/api/v1/status").then((res) => res.json())
+	}
 }
\ No newline at end of file
diff --git a/src/routes/instances/+page.svelte b/src/routes/instances/+page.svelte
index 0e8c374..f2e1506 100644
--- a/src/routes/instances/+page.svelte
+++ b/src/routes/instances/+page.svelte
@@ -13,52 +13,60 @@
 </svelte:head>
 
 <h1>Our instances</h1>
-<div class="flex flex-col gap-4">
-    <CardOuter>
-        <div class="wrapper">
-            {#each data.status as group}
-                <h2>{group.name}</h2>
-                <div class="items">
-                    {#each group.data as item}
-                        <CardInner
-                            title={item.name}
-                            description={item.description}
-                            icon={item.icon}
-                        >
-                            <LinksOuter>
-                                <InstanceLink url={item.link} item={item.status} type="main" />
 
-                                {#if item.us}
-                                    <InstanceLink url={item.us} item={item.statusUs} type="us" />
-                                {/if}
+{#if data.state.enabled}
+	<div class="flex flex-col gap-4">
+		<CardOuter>
+			<div class="wrapper">
+				{#each data.instances.status as group}
+					<h2>{group.name}</h2>
+					<div class="items">
+						{#each group.data as item}
+							<CardInner
+								title={item.name}
+								description={item.description}
+								icon={item.icon}
+							>
+								<LinksOuter>
+									<InstanceLink url={item.link} item={item.status} type="main" />
 
-                                {#if item.bp}
-                                    <InstanceLink url={item.bp} item={item.statusBp} type="backup" />
-                                {/if}
-                            </LinksOuter>
-                        </CardInner>
-                    {/each}
-                </div>
-            {/each}
-        </div>
-    </CardOuter>
-    
-    <span>Last updated: {dayjs
-        .unix(data.updated)
-        .format("DD/MM/YYYY HH:mm:ss")}
-    </span>
-</div>
+									{#if item.us}
+										<InstanceLink url={item.us} item={item.statusUs} type="us" />
+									{/if}
 
-<style>
-	.wrapper {
-		display: flex;
-		flex-direction: column;
-	}
+									{#if item.bp}
+										<InstanceLink url={item.bp} item={item.statusBp} type="backup" />
+									{/if}
+								</LinksOuter>
+							</CardInner>
+						{/each}
+					</div>
+				{/each}
+			</div>
+		</CardOuter>
+		
+		<span>Last updated: {dayjs
+			.unix(data.instances.updated)
+			.format("DD/MM/YYYY HH:mm:ss")}
+		</span>
+	</div>
 
-	.items {
-		display: flex;
-		flex-direction: row;
-		flex-wrap: wrap;
-		gap: 2rem;
-	}
-</style>
+	<style>
+		.wrapper {
+			display: flex;
+			flex-direction: column;
+		}
+
+		.items {
+			display: flex;
+			flex-direction: row;
+			flex-wrap: wrap;
+			gap: 2rem;
+		}
+	</style>
+	{:else}
+		<div class="flex items-center gap-1 mt-16">
+			<div class="i-fa6-solid:circle-info" />
+			<span>Instances are currently disabled.</span>
+		</div>
+{/if}