diff --git a/src/lib/common/apiFunctions.svelte b/src/lib/common/apiFunctions.svelte
index 7144df8..5891b0f 100644
--- a/src/lib/common/apiFunctions.svelte
+++ b/src/lib/common/apiFunctions.svelte
@@ -338,7 +338,7 @@
 			});
 
 		await apiKeysResponse.json().then((data) => {
-			apiKeys = data.preAuthKeys;
+			apiKeys = data.apiKeys;
 		});
 		return apiKeys;
 	}
diff --git a/src/lib/settings/ServerSettings/APIKeyTimeLeft.svelte b/src/lib/settings/ServerSettings/APIKeyTimeLeft.svelte
index 4a2d3f8..b12b2d6 100644
--- a/src/lib/settings/ServerSettings/APIKeyTimeLeft.svelte
+++ b/src/lib/settings/ServerSettings/APIKeyTimeLeft.svelte
@@ -1,4 +1,27 @@
+<script lang="ts">
+	import { getAPIKeys } from '$lib/common/apiFunctions.svelte';
+  import { APIKey } from '$lib/common/classes';
+  import { alertStore } from '$lib/common/stores';
+  import { onMount } from 'svelte';
+  let keyList = [new APIKey()];
+
+	function getAPIKeysAction() {
+		getAPIKeys()
+			.then((keys) => {
+				keyList = keys;
+        console.log(keyList);
+			})
+			.catch((error) => {
+				$alertStore = error;
+			});
+	}
+
+  onMount(() => {
+    getAPIKeysAction();
+  });
+</script>
+
 <button type="button" class="tooltip" data-tip="stuff">
-  <!-- clock -->
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 inline" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
-</button>
\ No newline at end of file
+	<!-- clock -->
+	<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 inline" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
+</button>