src/lib/ldb/staff/staff-ldb.svelte

@@ -5,6 +5,10 @@
 
   export let station: string;
   export let title: string | undefined = 'Loading...';
+  export let error = {
+    state: false,
+    name: 'none',
+  }
 
   async function fetchStaffLdb(station: string) {
     const url = `${getApiUrl()}/api/v2/live/station/${station}/staff`;
@@ -19,9 +23,14 @@
     if (res.status === 200) {
       jsonData = await res.json();
       title = jsonData.data?.locationName;
+      error.state = false;
     } else if (res.status === 401) {
       console.log(`Request Status: ${res.status}`);
       title = 'Unauthorised';
+      error = {
+        state: true,
+        name: 'unauthorized',
+      }
     }
   }
 </script>
@@ -33,3 +42,9 @@
 {:catch}
   Error Loading
 {/await}
+
+{#if error.state}
+{#if error.name === 'unauthorized'}
+<p>Error: {error.name.toLocaleUpperCase()}</p>
+{/if}
+{/if}