From 1c43011842cfc2bd62abaef45af9fccd3e20b250 Mon Sep 17 00:00:00 2001
From: Nicolai Ort <info@nicolai-ort.com>
Date: Mon, 16 Aug 2021 16:09:51 +0200
Subject: [PATCH] Added text and icons to statscards

---
 src/lib/Statscard.svelte | 31 +------------------------------
 src/routes/index.svelte  | 37 +++++++++++++++++++++++++++++++++----
 2 files changed, 34 insertions(+), 34 deletions(-)

diff --git a/src/lib/Statscard.svelte b/src/lib/Statscard.svelte
index d05432c..bc9176a 100644
--- a/src/lib/Statscard.svelte
+++ b/src/lib/Statscard.svelte
@@ -6,36 +6,7 @@
     <div
         class="p-3 mr-4 text-red-500 bg-red-100 rounded-full dark:text-red-100 dark:bg-red-500"
     >
-        <svg width="24" height="24" fill="none" viewBox="0 0 24 24">
-            <path
-                stroke="currentColor"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="1.5"
-                d="M4.75 8.75C4.75 7.64543 5.64543 6.75 6.75 6.75H17.25C18.3546 6.75 19.25 7.64543 19.25 8.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V8.75Z"
-            />
-            <path
-                stroke="currentColor"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="1.5"
-                d="M8 4.75V8.25"
-            />
-            <path
-                stroke="currentColor"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="1.5"
-                d="M16 4.75V8.25"
-            />
-            <path
-                stroke="currentColor"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="1.5"
-                d="M7.75 10.75H16.25"
-            />
-        </svg>
+        <slot></slot>
     </div>
     <div>
         <p class="mb-2 text-sm font-medium text-gray-600 dark:text-gray-400">{title}</p>
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index d82091a..075a251 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -1,10 +1,39 @@
 <script>
-	import Sidebar from '$lib/Sidebar.svelte';
 	import Statscard from '$lib/Statscard.svelte';
 </script>
 
 <h2 class="text-3xl font-bold text-gray-800 dark:text-gray-100 pb-6">Home</h2>
 <div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-4">
-	<Statscard title="Links created" />
-	<Statscard title="Visits" />
-</div>
+	<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