From f17901b699bc0e6c137a0aa2facba8f5b8b0ca1e Mon Sep 17 00:00:00 2001
From: GMrrc <143954951+GMrrc@users.noreply.github.com>
Date: Tue, 26 Nov 2024 14:42:36 +0100
Subject: [PATCH] add icon for zip

---
 src/assets/package-x-generic.svg    |  1 +
 src/components/FileTable.vue        | 10 +++++++++-
 src/components/WebContentViewer.vue |  7 ++-----
 src/output.css                      |  5 +++++
 4 files changed, 17 insertions(+), 6 deletions(-)
 create mode 100644 src/assets/package-x-generic.svg

diff --git a/src/assets/package-x-generic.svg b/src/assets/package-x-generic.svg
new file mode 100644
index 0000000..5803a00
--- /dev/null
+++ b/src/assets/package-x-generic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="#969696" d="M5.12,5H18.87L17.93,4H5.93L5.12,5M20.54,5.23C20.83,5.57 21,6 21,6.5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V6.5C3,6 3.17,5.57 3.46,5.23L4.84,3.55C5.12,3.21 5.53,3 6,3H18C18.47,3 18.88,3.21 19.15,3.55L20.54,5.23M6,18H12V15H6V18Z"/></svg>
\ No newline at end of file
diff --git a/src/components/FileTable.vue b/src/components/FileTable.vue
index 2d0401e..8616329 100644
--- a/src/components/FileTable.vue
+++ b/src/components/FileTable.vue
@@ -73,7 +73,7 @@
                                 </path>
                             </svg>
                         </template>
-                        <template v-else>
+                        <template v-if="file.type === 'file' && file.basename.split('.').pop() !== 'zip'">
                             <div class="flex items-center justify-center cursor-pointer">
                                 <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"
                                     class="w-10 h-10"
@@ -85,6 +85,12 @@
                                 </svg>
                             </div>
                         </template>
+                        <template v-if="file.type === 'file' && file.basename.split('.').pop() === 'zip'">
+                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-10 h-10 ">
+                                <path fill="#969696"
+                                    d="M5.12,5H18.87L17.93,4H5.93L5.12,5M20.54,5.23C20.83,5.57 21,6 21,6.5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V6.5C3,6 3.17,5.57 3.46,5.23L4.84,3.55C5.12,3.21 5.53,3 6,3H18C18.47,3 18.88,3.21 19.15,3.55L20.54,5.23M6,18H12V15H6V18Z" />
+                            </svg>
+                        </template>
                     </div>
                     <div class="ml-4 cursor-pointer max-sm:max-w-32 truncate">{{ file.basename }}</div>
                 </div>
@@ -308,10 +314,12 @@ export default {
 
                 if (zip) {
                     const response = await fetch(zip.url);
+                    this.transferProgress = 25;
                     if (!response.ok) {
                         throw new Error(`Erreur lors du téléchargement : ${response.statusText}`);
                     }
                     const zipFile = await response.arrayBuffer();
+                    this.transferProgress = 50;
 
                     await this.moveFileToTarget({
                         name: zip.name,
diff --git a/src/components/WebContentViewer.vue b/src/components/WebContentViewer.vue
index ed591cb..9389263 100644
--- a/src/components/WebContentViewer.vue
+++ b/src/components/WebContentViewer.vue
@@ -9,11 +9,8 @@
             draggable="true" @dragstart="dragZip()">
             <template>
                 <div class="flex items-center justify-center cursor-pointer">
-                    <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" class="w-10 h-10"
-                        style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2">
-                        <path
-                            d="M6 22c-.55 0-1.021-.196-1.412-.587A1.927 1.927 0 0 1 4 20V4c0-.55.196-1.021.588-1.413A1.926 1.926 0 0 1 6 2h8l6 6v12a1.93 1.93 0 0 1-.587 1.413A1.93 1.93 0 0 1 18 22H6Z"
-                            style="fill:#969696;fill-rule:nonzero" transform="matrix(.7 0 0 .7 -.43 -.388)" />
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-10 h-10 ">
+                        <path fill="#969696" d="M5.12,5H18.87L17.93,4H5.93L5.12,5M20.54,5.23C20.83,5.57 21,6 21,6.5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V6.5C3,6 3.17,5.57 3.46,5.23L4.84,3.55C5.12,3.21 5.53,3 6,3H18C18.47,3 18.88,3.21 19.15,3.55L20.54,5.23M6,18H12V15H6V18Z"/>
                     </svg>
                 </div>
             </template>
diff --git a/src/output.css b/src/output.css
index d287891..241f194 100644
--- a/src/output.css
+++ b/src/output.css
@@ -934,6 +934,11 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
+.text-yellow-500 {
+  --tw-text-opacity: 1;
+  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
+}
+
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);