From fd208f2b419c69b4eb43ac0f94d63ef86ddea03e Mon Sep 17 00:00:00 2001
From: KingOfDog <logins@kingofdog.de>
Date: Sat, 22 Aug 2020 13:23:24 +0200
Subject: [PATCH] Embed file icons inline in attaches block

---
 src/assets/svg/custom.svg        |  3 ---
 src/assets/svg/standard.svg      |  6 ------
 src/components/AttachesBlock.vue | 21 +++++++++++----------
 3 files changed, 11 insertions(+), 19 deletions(-)
 delete mode 100644 src/assets/svg/custom.svg
 delete mode 100644 src/assets/svg/standard.svg

diff --git a/src/assets/svg/custom.svg b/src/assets/svg/custom.svg
deleted file mode 100644
index e39b6dd..0000000
--- a/src/assets/svg/custom.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="40">
-  <path d="M17 0l15 14V3v34a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3h20-6zm0 2H3a1 1 0 0 0-1 1v34a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1V14H17V2zm2 10h7.926L19 4.602V12z"/>
-</svg>
\ No newline at end of file
diff --git a/src/assets/svg/standard.svg b/src/assets/svg/standard.svg
deleted file mode 100644
index 02987ab..0000000
--- a/src/assets/svg/standard.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="40">
-  <g fill="#A8ACB8" fill-rule="evenodd">
-    <path fill-rule="nonzero" d="M17 0l15 14V3v34a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3h20-6zm0 2H3a1 1 0 0 0-1 1v34a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1V14H17V2zm2 10h7.926L19 4.602V12z"/>
-    <path d="M7 22h18v2H7zm0 4h18v2H7zm0 4h18v2H7z"/>
-  </g>
-</svg>
\ No newline at end of file
diff --git a/src/components/AttachesBlock.vue b/src/components/AttachesBlock.vue
index 213395c..848d162 100644
--- a/src/components/AttachesBlock.vue
+++ b/src/components/AttachesBlock.vue
@@ -5,11 +5,18 @@
       :style="{ color: color }"
       class="attaches-block-file-icon"
     >
-      <svg>
-        <use
-          xmlns:xlink="http://www.w3.org/1999/xlink"
-          v-bind:xlink:href="color ? customIcon : standardIcon"
+      <svg width="32" height="40">
+        <path
+          v-if="color"
+          d="M17 0l15 14V3v34a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3h20-6zm0 2H3a1 1 0 0 0-1 1v34a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1V14H17V2zm2 10h7.926L19 4.602V12z"
         />
+        <g v-else fill="#A8ACB8" fill-rule="evenodd">
+          <path
+            fill-rule="nonzero"
+            d="M17 0l15 14V3v34a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3h20-6zm0 2H3a1 1 0 0 0-1 1v34a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1V14H17V2zm2 10h7.926L19 4.602V12z"
+          />
+          <path d="M7 22h18v2H7zm0 4h18v2H7zm0 4h18v2H7z" />
+        </g>
       </svg>
     </div>
     <div class="attaches-block-file-info">
@@ -60,12 +67,6 @@ export default {
     byteFormatter
   },
   props: ["data"],
-  data() {
-    return {
-      standardIcon: require("@/assets/svg/standard.svg"),
-      customIcon: require("@/assets/svg/custom.svg")
-    };
-  },
   computed: {
     color() {
       return extensions[this.data.file.extension];