From d2b99f200be254e2a00dbc9e9f6682663b13054d Mon Sep 17 00:00:00 2001
From: Jiiks <jiiks@windowslive.com>
Date: Sun, 12 Aug 2018 15:58:00 +0300
Subject: [PATCH] add image plus material icon

---
 client/src/builtin/E2EEComponent.vue          |  6 ++---
 .../src/ui/components/common/MaterialIcon.js  |  1 +
 .../common/materialicons/ImagePlus.vue        | 27 +++++++++++++++++++
 3 files changed, 31 insertions(+), 3 deletions(-)
 create mode 100644 client/src/ui/components/common/materialicons/ImagePlus.vue

diff --git a/client/src/builtin/E2EEComponent.vue b/client/src/builtin/E2EEComponent.vue
index b4cd2846..87c709be 100644
--- a/client/src/builtin/E2EEComponent.vue
+++ b/client/src/builtin/E2EEComponent.vue
@@ -27,7 +27,7 @@
             </div>
             <template slot="popover">
                 <div @click="toggleEncrypt" :class="{'bd-warn': !E2EE.encryptNewMessages, 'bd-ok': E2EE.encryptNewMessages}"><MiLock size="16" v-tooltip="'Toggle Encryption'" /></div>
-                <div v-close-popover @click="showUploadDialog" v-if="!error"><MiPlus size="16" v-tooltip="'Upload Encrypted Image'" /></div>
+                <div v-close-popover @click="showUploadDialog" v-if="!error"><MiImagePlus size="16" v-tooltip="'Upload Encrypted Image'" /></div>
             </template>
         </v-popover>
         <div class="bd-taDivider"></div>
@@ -42,11 +42,11 @@
     import { remote } from 'electron';
     import { E2EE } from 'builtin';
     import { DiscordApi, Security } from 'modules';
-    import { MiLock, MiPlus } from '../ui/components/common/MaterialIcon';
+    import { MiLock, MiPlus, MiImagePlus } from '../ui/components/common/MaterialIcon';
     import { Toasts } from 'ui';
 
     export default {
-        components: { MiLock, MiPlus },
+        components: { MiLock, MiPlus, MiImagePlus },
         data() {
             return {
                 E2EE,
diff --git a/client/src/ui/components/common/MaterialIcon.js b/client/src/ui/components/common/MaterialIcon.js
index 9840b262..f5d4b6b3 100644
--- a/client/src/ui/components/common/MaterialIcon.js
+++ b/client/src/ui/components/common/MaterialIcon.js
@@ -19,3 +19,4 @@ export { default as MiWarning } from './materialicons/Warning.vue';
 export { default as MiSuccess } from './materialicons/Success.vue';
 export { default as AccountCircle } from './materialicons/AccountCircle.vue';
 export { default as MiLock } from './materialicons/Lock.vue';
+export { default as MiImagePlus } from './materialicons/ImagePlus.vue';
diff --git a/client/src/ui/components/common/materialicons/ImagePlus.vue b/client/src/ui/components/common/materialicons/ImagePlus.vue
new file mode 100644
index 00000000..05f7640b
--- /dev/null
+++ b/client/src/ui/components/common/materialicons/ImagePlus.vue
@@ -0,0 +1,27 @@
+/**
+ * BetterDiscord Image Plus Icon
+ * Copyright (c) 2015-present Jiiks/JsSucks - https://github.com/Jiiks / https://github.com/JsSucks
+ * All rights reserved.
+ * https://betterdiscord.net
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * Material Design Icons
+ * Copyright (c) 2014 Google
+ * Apache 2.0 LICENSE
+ * https://www.apache.org/licenses/LICENSE-2.0.txt
+*/
+
+<template>
+    <span class="bd-material-design-icon">
+        <svg :width="size || 24" :height="size || 24" viewBox="0 0 24 24">
+            <path d="M 5,3C 3.89543,3 3,3.8954 3,5L 3,19C 3,20.1046 3.89543,21 5,21L 14.0859,21C 14.0294,20.6696 14.0007,20.3351 14,20C 14.0027,19.3182 14.1216,18.6418 14.3516,18L 5,18L 8.5,13.5L 11,16.5L 14.5,12L 16.7285,14.9727C 17.7019,14.3386 18.8383,14.0007 20,14C 20.3353,14.002 20.6698,14.032 21,14.0898L 21,5C 21,3.89 20.1,3 19,3L 5,3 Z M 19,16L 19,19L 16,19L 16,21L 19,21L 19,24L 21,24L 21,21L 24,21L 24,19L 21,19L 21,16L 19,16 Z " />
+        </svg>
+    </span>
+</template>
+<script>
+    export default {
+        props: ['size']
+    }
+</script>