diff --git a/src/components/react_button/react_button.js b/src/components/react_button/react_button.js
index 2b1b4cc1..d4d08d6f 100644
--- a/src/components/react_button/react_button.js
+++ b/src/components/react_button/react_button.js
@@ -1,4 +1,5 @@
import Popover from '../popover/popover.vue'
+import EmojiPicker from '../emoji_picker/emoji_picker.vue'
import { library } from '@fortawesome/fontawesome-svg-core'
import { faSmileBeam } from '@fortawesome/free-regular-svg-icons'
@@ -12,10 +13,12 @@ const ReactButton = {
}
},
components: {
- Popover
+ Popover,
+ EmojiPicker
},
methods: {
- addReaction (event, emoji, close) {
+ addReaction (event, close) {
+ const emoji = event.insertion
const existingReaction = this.status.emoji_reactions.find(r => r.name === emoji)
if (existingReaction && existingReaction.me) {
this.$store.dispatch('unreactWithEmoji', { id: this.status.id, emoji })
@@ -32,53 +35,6 @@ const ReactButton = {
}
},
computed: {
- commonEmojis () {
- return [
- { displayText: 'lying', replacement: 'π€₯' },
- { displayText: 'thinking', replacement: 'π€' },
- { displayText: 'zany', replacement: 'π€ͺ' },
- { displayText: 'cartwheeling', replacement: 'π€ΈββοΈ' },
- { displayText: 'pills', replacement: 'π' },
- { displayText: 'writing', replacement: 'βοΈ' },
- { displayText: 'pencil', replacement: 'βοΈ' },
- { displayText: 'chart_up', replacement: 'π' },
- { displayText: 'chart_down', replacement: 'π' },
- { displayText: 'question', replacement: 'β' },
- { displayText: 'x', replacement: 'β' },
- { displayText: 'orangutan', replacement: 'π¦§' },
- { displayText: 'owl', replacement: 'π¦' },
- { displayText: 'bottle', replacement: 'πΌ' },
- { displayText: 'crayon', replacement: 'ποΈ' },
- { displayText: 'blackula', replacement: 'π§πΏ' },
- { displayText: 'wrench', replacement: 'π§' },
- { displayText: 'axe', replacement: 'πͺ' }
- ]
- },
- emojis () {
- if (this.filterWord !== '') {
- const filterWordLowercase = this.filterWord.toLowerCase()
- let orderedEmojiList = []
- for (const emoji of [
- ...this.$store.state.instance.emoji,
- ...this.$store.state.instance.customEmoji
- ]) {
- if (emoji.replacement === this.filterWord) return [emoji]
-
- const indexOfFilterWord = emoji.displayText.toLowerCase().indexOf(filterWordLowercase)
- if (indexOfFilterWord > -1) {
- if (!Array.isArray(orderedEmojiList[indexOfFilterWord])) {
- orderedEmojiList[indexOfFilterWord] = []
- }
- orderedEmojiList[indexOfFilterWord].push(emoji)
- }
- }
- return orderedEmojiList.flat()
- }
- return [
- ...this.$store.state.instance.emoji,
- ...this.$store.state.instance.customEmoji
- ] || []
- },
mergedConfig () {
return this.$store.getters.mergedConfig
}
diff --git a/src/components/react_button/react_button.vue b/src/components/react_button/react_button.vue
index ffef82bf..5993d219 100644
--- a/src/components/react_button/react_button.vue
+++ b/src/components/react_button/react_button.vue
@@ -9,43 +9,10 @@
@show="focusInput"
>
-
-
-
-
-
- {{ emoji.replacement }}
-
-
-
-
-
- {{ emoji.replacement }}
-
-
-
-
+