From e031673e9c1c8ffb773844416b652c7596809fb5 Mon Sep 17 00:00:00 2001
From: Nicolai Ort <info@nicolai-ort.com>
Date: Mon, 16 Aug 2021 16:50:20 +0200
Subject: [PATCH] Added await

---
 src/routes/links.svelte | 32 ++++++++++++++++++++++++++------
 1 file changed, 26 insertions(+), 6 deletions(-)

diff --git a/src/routes/links.svelte b/src/routes/links.svelte
index e2356d4..ab0f4fd 100644
--- a/src/routes/links.svelte
+++ b/src/routes/links.svelte
@@ -33,26 +33,46 @@
 			</tr>
 		</thead>
 		<tbody class="bg-white dark:bg-gray-700 divide-y divide-gray-200 dark:text-gray-100" x-max="1">
-			{#each urls as url}
+			{#await urlQuery}
 				<tr>
 					<td
 						class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-gray-200"
 					>
-						{url.shortcode}
+						Loading data...
 					</td>
 					<td class="px-6 py-4 whitespace-nowrap text-sm">
-						<a href={url.target}>{url.target}</a>
+						<a href="#">Loading data...</a>
 					</td>
-					<td class="px-6 py-4 whitespace-nowrap text-sm"> {url.visits} </td>
+					<td class="px-6 py-4 whitespace-nowrap text-sm"> Loading data... </td>
 					<td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
 						<button
-							on:click={deleteUrl(url.shortcode)}
 							class="text-indigo-600 dark:text-red-600 hover:text-indigo-900 dark:hover:text-red-900"
 							>Delete</button
 						>
 					</td>
 				</tr>
-			{/each}
+			{:then}
+				{#each urls as url}
+					<tr>
+						<td
+							class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-gray-200"
+						>
+							{url.shortcode}
+						</td>
+						<td class="px-6 py-4 whitespace-nowrap text-sm">
+							<a href={url.target}>{url.target}</a>
+						</td>
+						<td class="px-6 py-4 whitespace-nowrap text-sm"> {url.visits} </td>
+						<td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
+							<button
+								on:click={deleteUrl(url.shortcode)}
+								class="text-indigo-600 dark:text-red-600 hover:text-indigo-900 dark:hover:text-red-900"
+								>Delete</button
+							>
+						</td>
+					</tr>
+				{/each}
+			{/await}
 		</tbody>
 	</table>
 </div>