adjust to new api

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())
+	}
 }

src/routes/instances/+page.svelte

@@ -13,10 +13,12 @@
 </svelte:head>
 
 <h1>Our instances</h1>
-<div class="flex flex-col gap-4">
+
+{#if data.state.enabled}
+	<div class="flex flex-col gap-4">
 		<CardOuter>
 			<div class="wrapper">
-            {#each data.status as group}
+				{#each data.instances.status as group}
 					<h2>{group.name}</h2>
 					<div class="items">
 						{#each group.data as item}
@@ -44,12 +46,12 @@
 		</CardOuter>
 		
 		<span>Last updated: {dayjs
-        .unix(data.updated)
+			.unix(data.instances.updated)
 			.format("DD/MM/YYYY HH:mm:ss")}
 		</span>
-</div>
+	</div>
 
-<style>
+	<style>
 		.wrapper {
 			display: flex;
 			flex-direction: column;
@@ -61,4 +63,10 @@
 			flex-wrap: wrap;
 			gap: 2rem;
 		}
-</style>
+	</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}