From 6aa302804f66bbc4ad76e229f20380e9ef7c4b90 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 22 Jul 2022 11:19:20 +0200
Subject: [PATCH 1/2] feat: add file preview

---
 .../bucket/[bucket]/file/[file]/index.svelte  | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/routes/console/[project]/storage/bucket/[bucket]/file/[file]/index.svelte b/src/routes/console/[project]/storage/bucket/[bucket]/file/[file]/index.svelte
index cf1755ff7..449cbe3f3 100644
--- a/src/routes/console/[project]/storage/bucket/[bucket]/file/[file]/index.svelte
+++ b/src/routes/console/[project]/storage/bucket/[bucket]/file/[file]/index.svelte
@@ -73,7 +73,25 @@
     {#if $file}
         <CardGrid>
             <div class="u-flex u-gap-16">
-                <img width="205" height="125" src={getPreview($file.$id)} alt={$file.name} />
+                <a
+                    href={getView($file.$id)}
+                    class="file-preview is-with-image"
+                    target="_blank"
+                    aria-label="open file in new window">
+                    <div class="file-preview-image">
+                        <img
+                            width="205"
+                            height="125"
+                            src={getPreview($file.$id)}
+                            alt={$file.name} />
+                    </div>
+                    <div class="file-preview-content">
+                        <div class="avatar">
+                            <span class="icon-external-link" aria-hidden="true" />
+                        </div>
+                    </div>
+                </a>
+                <!-- <img width="205" height="125" src={getPreview($file.$id)} alt={$file.name} /> -->
                 <div>
                     <h2 class="heading-level-7">{$file.name}</h2>
                     <Copy value={getView($file.$id)}>

From 7129e695c8e0865402dc9bb65d03550405168b95 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 22 Jul 2022 13:41:12 +0200
Subject: [PATCH 2/2] chore: remove commented out old code

---
 .../storage/bucket/[bucket]/file/[file]/index.svelte         | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/routes/console/[project]/storage/bucket/[bucket]/file/[file]/index.svelte b/src/routes/console/[project]/storage/bucket/[bucket]/file/[file]/index.svelte
index 0216adbf5..992530e33 100644
--- a/src/routes/console/[project]/storage/bucket/[bucket]/file/[file]/index.svelte
+++ b/src/routes/console/[project]/storage/bucket/[bucket]/file/[file]/index.svelte
@@ -74,7 +74,7 @@
         <CardGrid>
             <div class="u-flex u-gap-16">
                 <a
-                    href={getView($file.$id)}
+                    href={downloadFile()}
                     class="file-preview is-with-image"
                     target="_blank"
                     aria-label="open file in new window">
@@ -91,7 +91,6 @@
                         </div>
                     </div>
                 </a>
-                <!-- <img width="205" height="125" src={getPreview($file.$id)} alt={$file.name} /> -->
                 <div>
                     <h2 class="heading-level-7">{$file.name}</h2>
                     <Copy value={getView($file.$id)}>
@@ -128,7 +127,7 @@
                     </svelte:fragment>
                     <p>
                         If you want to assign permissions specific to this file, you will need to
-                        update your <a class="link" href="#?"> Bucket Settings</a> to enable File Level
+                        update your <a class="link" href="#"> Bucket Settings</a> to enable File Level
                         permissions.
                     </p>
                 </Alert>