From 80ec6dcad4519b52a73efddff3e8848099552e0d Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 25 Nov 2022 13:10:47 +0100
Subject: [PATCH] feat: upload box are clickable

---
 src/lib/components/uploadBox.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/uploadBox.svelte b/src/lib/components/uploadBox.svelte
index cfe5b5721..e3fd1c437 100644
--- a/src/lib/components/uploadBox.svelte
+++ b/src/lib/components/uploadBox.svelte
@@ -3,6 +3,8 @@
     import { Pill } from '$lib/elements';
     import { sdkForProject } from '$lib/stores/sdk';
     import { Avatar } from '$lib/components';
+    import { base } from '$app/paths';
+    import { page } from '$app/stores';
 
     async function removeFile($id: string, bucketId: string) {
         const file = await sdkForProject.storage.getFile(bucketId, $id);
@@ -40,7 +42,9 @@
                     {@const progress = Math.round(file.progress)}
 
                     {#if file.completed || file.progress === 100}
-                        <li class="upload-box-item">
+                        <a
+                            class="upload-box-item"
+                            href={`${base}/console/project-${$page.params.project}/storage/bucket-${$page.params.bucket}/file-${file.$id}`}>
                             <div class="u-margin-inline-end-16">
                                 <Avatar
                                     size={32}
@@ -50,7 +54,7 @@
 
                             <label for={file.name} class="file-name u-trim">{file.name}</label>
                             <span class="icon-check" />
-                        </li>
+                        </a>
                     {:else if file.failed}
                         <li class="upload-box-item">
                             <div class="upload-image u-margin-inline-end-16">