From 8bfac0f6ff7dab26657e52a540637ca879e12ab5 Mon Sep 17 00:00:00 2001
From: Jiiks <jiiks@windowslive.com>
Date: Wed, 22 Aug 2018 16:31:49 +0300
Subject: [PATCH] add favourite toggle

---
 client/src/builtin/EmoteComponent.vue |  2 +-
 client/src/builtin/EmoteModule.js     | 14 ++++++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/client/src/builtin/EmoteComponent.vue b/client/src/builtin/EmoteComponent.vue
index 0f4a76ea..8fd6e892 100644
--- a/client/src/builtin/EmoteComponent.vue
+++ b/client/src/builtin/EmoteComponent.vue
@@ -1,5 +1,5 @@
 <template>
-    <img class="emoji" :class="{jumboable}" :src="src" :alt="`;${name};`" v-tooltip="{ content: `;${name};`, delay: { show: 750, hide: 0 } }" />
+    <img class="bd-emote emoji" :class="{jumboable}" :src="src" :alt="`;${name};`" v-tooltip="{ content: `;${name};`, delay: { show: 750, hide: 0 } }" />
 </template>
 
 <script>
diff --git a/client/src/builtin/EmoteModule.js b/client/src/builtin/EmoteModule.js
index d84528f7..af785cd7 100644
--- a/client/src/builtin/EmoteModule.js
+++ b/client/src/builtin/EmoteModule.js
@@ -14,7 +14,7 @@ import { request } from 'vendor';
 
 import { Utils, FileUtils, ClientLogger as Logger } from 'common';
 import { DiscordApi, Settings, Globals, WebpackModules, ReactComponents, MonkeyPatch, Cache, Patcher, Database } from 'modules';
-import { VueInjector } from 'ui';
+import { VueInjector, DiscordContextMenu } from 'ui';
 
 import Emote from './EmoteComponent.js';
 import Autocomplete from '../ui/components/common/Autocomplete.vue';
@@ -55,6 +55,16 @@ export default new class EmoteModule extends BuiltinModule {
         // Add ; prefix for autocomplete
         GlobalAc.add(';', this);
 
+        // Add favourite button to context menu
+        DiscordContextMenu.add([
+            {
+                text: 'Favourite',
+                type: 'toggle',
+                checked: false,
+                onChange: e => e
+            }
+        ], filter => filter.closest('.bd-emote'));
+
         if (!this.database.size) {
             await this.loadLocalDb();
         }
@@ -97,7 +107,7 @@ export default new class EmoteModule extends BuiltinModule {
      */
     async patchMessageContent() {
         const MessageContent = await ReactComponents.getComponent('MessageContent', { selector: WebpackModules.getSelector('container', 'containerCozy', 'containerCompact', 'edited') });
-        MonkeyPatch('BD:EMOTEMODULE', MessageContent.component.prototype).before('render', this.afterRenderMessageContent.bind(this));
+        MonkeyPatch('BD:EMOTEMODULE', MessageContent.component.prototype).after('render', this.afterRenderMessageContent.bind(this));
         MessageContent.forceUpdateAll();
     }