Add bus and ferry to staffLDB

src/routes/more/statistics/+page.svelte

@@ -3,22 +3,13 @@
   import Header from '$lib/navigation/header.svelte';
   import Loading from '$lib/navigation/loading.svelte';
   import Nav from '$lib/navigation/nav.svelte';
-  import { onMount } from 'svelte';
   const title = 'Statistics';
-  let isLoading = true;
 
-  let data, error;
-
-  onMount(async () => {
+  async function getData() {
     const url = 'https://owlboard.info/misc/server/stats';
     const res = await fetch(url);
-    if (res.status == 200) {
-      data = await res.json();
-    } else {
-      error = true;
-    }
-    isLoading = false;
-  });
+    return await res.json();
+  }
 
   function U2L(input) {
     try {
@@ -33,15 +24,9 @@
 
 <Header {title} />
 
-{#if error}
-  <Island>
-    <p>Unable to connect to server</p>
-  </Island>
-{/if}
-
-{#if isLoading}
+{#await getData()}
   <Loading />
-{:else if !isLoading && !error}
+{:then data}
   <p>API Server:<br /><span>{data?.hostname}</span></p>
   <p>Runtime Mode: <span>{data?.runtimeMode}</span></p>
   <p>Stats Reset: <span>{U2L(data?.reset) || 'Unknown'}</span></p>
@@ -68,7 +53,11 @@
   <p>PIS: <span>{data?.dbLengths?.pis}</span></p>
   <p>Timetable: <span>{data?.dbLengths?.timetable}</span></p>
   <p>Reason Codes: <span>{data?.dbLengths?.reasonCodes}</span></p>
-{/if}
+{:catch}
+  <Island>
+    <p style="font-weight:600">Unable to connect to server</p>
+  </Island>
+{/await}
 
 <Nav />