From 10bccefe771b6e1579506e1d679e3c2618fb4e01 Mon Sep 17 00:00:00 2001
From: Nicolai Ort <info@nicolai-ort.com>
Date: Mon, 16 Aug 2021 18:19:47 +0200
Subject: [PATCH] Added details to details page (duh!)

---
 src/routes/details.svelte | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/routes/details.svelte b/src/routes/details.svelte
index 83178a2..d46246b 100644
--- a/src/routes/details.svelte
+++ b/src/routes/details.svelte
@@ -1,12 +1,28 @@
 <script>
 	import { page } from '$app/stores';
+    import Apiclient from '$lib/Apiclient';
+
 	let shortcode = $page.query.get('shortcode');
+    $: urlDetails = {};
+    $: urlVisists = [];
+
+    Apiclient.getUrlDetails(shortcode).then((res)=>{
+        urlDetails=res;
+    });
+    Apiclient.getUrlVisits(shortcode).then((res)=>{
+        urlVisists=res;
+    });
 </script>
 
 <h2 class="text-3xl font-bold text-gray-800 dark:text-gray-100 pb-6">Details: {shortcode}</h2>
 
 <div class="text-gray-800 dark:text-gray-100">
-    <span><h2>Shortcode:</h2></span>
-    <span><h2>URL:</h2></span>
-    <span><h2>Target:</h2></span>
+    <h2>Shortcode:</h2> 
+    {urlDetails.shortcode}
+    <h2>URL:</h2> 
+    {urlDetails.url}
+    <h2>Target:</h2> 
+    {urlDetails.target}
+    <h2>Visits:</h2> 
+    {urlDetails.visits}
 </div>
\ No newline at end of file