From d80986d60e543ac64265c17d0cf54a72c148f2a5 Mon Sep 17 00:00:00 2001
From: Nicolai Ort <info@nicolai-ort.com>
Date: Mon, 16 Aug 2021 16:29:22 +0200
Subject: [PATCH] Added links site table

---
 src/routes/links.svelte | 75 ++++++++++++++++++++++-------------------
 1 file changed, 41 insertions(+), 34 deletions(-)

diff --git a/src/routes/links.svelte b/src/routes/links.svelte
index cb445c5..a83d118 100644
--- a/src/routes/links.svelte
+++ b/src/routes/links.svelte
@@ -3,37 +3,44 @@
 </script>
 
 <h2 class="text-3xl font-bold text-gray-800 dark:text-gray-100 pb-6">Manage all links</h2>
-<div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-4">
-	<Statscard title="Links created">
-		<svg
-			xmlns="http://www.w3.org/2000/svg"
-			class="h-6 w-6"
-			fill="none"
-			viewBox="0 0 24 24"
-			stroke="currentColor"
-		>
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"
-			/>
-		</svg>
-	</Statscard>
-	<Statscard title="Visits">
-		<svg
-			xmlns="http://www.w3.org/2000/svg"
-			class="h-6 w-6"
-			fill="none"
-			viewBox="0 0 24 24"
-			stroke="currentColor"
-		>
-			<path
-				stroke-linecap="round"
-				stroke-linejoin="round"
-				stroke-width="2"
-				d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
-			/>
-		</svg>
-	</Statscard>
-</div>
\ No newline at end of file
+<div class="rounded-xl">
+    <table class="min-w-full divide-y divide-gray-200">
+        <thead class="bg-gray-50 dark:bg-gray-900 text-gray-800 dark:text-gray-100">
+            <tr>
+                <th
+                    scope="col"
+                    class="px-6 py-3 text-left text-xs font-medium  uppercase tracking-wider"
+                >
+                    Shortcode
+                </th>
+                <th
+                    scope="col"
+                    class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider"
+                >
+                    Target
+                </th>
+                <th
+                    scope="col"
+                    class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider"
+                >
+                    Visits
+                </th>
+                <th scope="col" class="relative px-6 py-3">
+                    <span class="sr-only">Edit</span>
+                </th>
+            </tr>
+        </thead>
+        <tbody class="bg-white dark:bg-gray-700 divide-y divide-gray-200 dark:text-gray-100" x-max="1">
+            <tr>
+                <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-gray-200"> TODO </td>
+                <td class="px-6 py-4 whitespace-nowrap text-sm">
+                    <a href="https://sthsth">https://sthsth</a>
+                </td>
+                <td class="px-6 py-4 whitespace-nowrap text-sm"> 69 </td>
+                <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
+                    <a href="#" class="text-indigo-600 dark:text-red-600 hover:text-indigo-900 dark:hover:text-red-900">Delete</a>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+</div>