From bdf17d91c22e32f5a2299e074e0e4e90d4e60069 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vajda=20M=C3=A1t=C3=A9=20P=C3=A1l?=
 <vajdamate0204@gmail.com>
Date: Wed, 29 Nov 2023 13:00:23 +0100
Subject: [PATCH] feat: Adjusted Upload Button on Dashboard

---
 .../dashboard/ImageContainer.svelte           |  2 +-
 .../components/dashboard/UploadButton.svelte  | 38 +++++++++++++------
 src/lib/types.ts                              |  2 +-
 3 files changed, 28 insertions(+), 14 deletions(-)

diff --git a/src/lib/components/dashboard/ImageContainer.svelte b/src/lib/components/dashboard/ImageContainer.svelte
index f9c0ad4..05613a3 100644
--- a/src/lib/components/dashboard/ImageContainer.svelte
+++ b/src/lib/components/dashboard/ImageContainer.svelte
@@ -8,7 +8,7 @@
     export let rawUrl: string
     export let size: number
     export let fileName: string
-    export let uploadDate: number
+    export let uploadDate: string
 
     $: imageStyle = `background-image: url(${rawUrl});`
 </script>
diff --git a/src/lib/components/dashboard/UploadButton.svelte b/src/lib/components/dashboard/UploadButton.svelte
index 88cc597..0bca477 100644
--- a/src/lib/components/dashboard/UploadButton.svelte
+++ b/src/lib/components/dashboard/UploadButton.svelte
@@ -1,12 +1,26 @@
-<div class="hidden lg:flex h-screen items-center justify-center bg-grey-lighter">
-    <label
-        class="w-40 p-3 flex flex-col items-center px-4 bg-slate-500 text-blue rounded-lg shadow-lg tracking-wide uppercase border border-blue cursor-pointer hover:bg-blue hover:bg-sky-700"
-    >
-        <svg class="w-8 h-8" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
-            <path
-                d="M16.88 9.1A4 4 0 0 1 16 17H5a5 5 0 0 1-1-9.9V7a3 3 0 0 1 4.52-2.59A4.98 4.98 0 0 1 17 8c0 .38-.04.74-.12 1.1zM11 11h3l-4-4-4 4h3v3h2v-3z"
-            />
-        </svg>
-        <input type="file" class="hidden" />
-    </label>
-</div>
+<script lang="ts">
+    import { Button } from "$components/ui/button"
+    import * as Dialog from "$lib/components/ui/dialog";
+</script>
+  
+<Dialog.Root>
+    <Dialog.Trigger>
+        <Button>
+            Upload
+        </Button>
+    </Dialog.Trigger>
+    <Dialog.Content>
+      <Dialog.Header>
+        <Dialog.Title>Upload</Dialog.Title>
+        <form method="POST" action="api.unideb.tech/upload/internal">
+            <label>
+                <input
+                type="file"    
+                name="image"
+                />
+            </label>
+            <button class="bg-primary text-black p-3 rounded-lg" type="submit">Upload</button>
+        </form>
+      </Dialog.Header>
+    </Dialog.Content>
+</Dialog.Root>
diff --git a/src/lib/types.ts b/src/lib/types.ts
index f04c905..3626f9b 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -18,7 +18,7 @@ export interface UploadInfo {
     rawUrl: string
     size: number
     fileName: string
-    uploadDate: number
+    uploadDate: string
 }
 
 export interface ViewResponse {