Update emojis

Signed-off-by: Marco <marcoambrosini@icloud.com>

1 files changed, 14 insertions, 6 deletions

diff --git a/src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/MessageButtonsBar.vue b/src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/MessageButtonsBar.vue
index d5a6aa7ce..74d475bfc 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/MessageButtonsBar.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/MessageButtonsBar.vue
@@ -318,6 +318,12 @@ export default {
 		},
 	},
 
+	data() {
+		return {
+			frequentlyUsedEmojis: [],
+		}
+	},
+
 	computed: {
 		conversation() {
 			return this.$store.getters.conversation(this.token)
@@ -394,12 +400,6 @@ export default {
 				&& !this.isDeletedMessage
 				&& !this.isPollMessage
 		},
-
-		frequentlyUsedEmojis() {
-			return frequently.get(5).map(emojiStrings => {
-				return EmojiIndex.emoji(emojiStrings).native
-			})
-		},
 	},
 
 	methods: {
@@ -483,6 +483,7 @@ export default {
 		},
 
 		onEmojiPickerOpen() {
+			this.updateFrequentlyUsedEmojis()
 			this.$emit('update:isEmojiPickerOpen', true)
 		},
 
@@ -491,6 +492,7 @@ export default {
 		},
 
 		openReactionsMenu() {
+			this.updateFrequentlyUsedEmojis()
 			this.$emit('update:isReactionsMenuOpen', true)
 		},
 
@@ -513,6 +515,12 @@ export default {
 		closeReactionsMenu() {
 			this.$emit('update:isReactionsMenuOpen', false)
 		},
+
+		updateFrequentlyUsedEmojis() {
+			this.frequentlyUsedEmojis = frequently.get(5).map(emojiStrings => {
+				return EmojiIndex.emoji(emojiStrings).native
+			})
+		},
 	},
 }
 </script>