From 375317c3c6423b19507534b87b76406391ffd8b7 Mon Sep 17 00:00:00 2001
From: Mawoka <git@mawoka.eu>
Date: Thu, 29 Sep 2022 18:46:45 +0200
Subject: [PATCH] :sparkles: Fixed API-Key UI

---
 .../src/routes/account/settings/+page.svelte  | 21 ++++++++++++-------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/frontend/src/routes/account/settings/+page.svelte b/frontend/src/routes/account/settings/+page.svelte
index 28f7c73..72f8f5f 100644
--- a/frontend/src/routes/account/settings/+page.svelte
+++ b/frontend/src/routes/account/settings/+page.svelte
@@ -105,8 +105,10 @@
 	};
 
 	const delete_api_key = async (key: string) => {
-		await fetch(`/api/v1/users/api_keys?api_key=${key}`, { method: 'DELETE' });
-		api_keys = get_api_keys();
+		if (confirm('Do you really want to delete this API-Key?')) {
+			await fetch(`/api/v1/users/api_keys?api_key=${key}`, { method: 'DELETE' });
+			api_keys = get_api_keys();
+		}
 	};
 
 	const getSessions = async () => {
@@ -209,13 +211,16 @@
 						<Spinner />
 					{:then keys}
 						{#each keys as key}
-							<p
-								on:contextmenu|preventDefault={() => {
-									delete_api_key(key.key);
-								}}
-							>
+							<div>
 								{key.key}
-							</p>
+								<button
+									on:click={() => {
+										delete_api_key(key.key);
+									}}
+									class="admin-button"
+									>Delete
+								</button>
+							</div>
 						{/each}
 					{/await}
 				</div>