feat/reorder-emojis-by-position-of-keyword

1 files changed, 8 insertions, 3 deletions

diff --git a/src/components/react_button/react_button.js b/src/components/react_button/react_button.js
index abcf0455..473a2506 100644
--- a/src/components/react_button/react_button.js
+++ b/src/components/react_button/react_button.js
@@ -29,9 +29,14 @@ const ReactButton = {
     emojis () {
       if (this.filterWord !== '') {
         const filterWordLowercase = this.filterWord.toLowerCase()
-        return this.$store.state.instance.emoji.filter(emoji =>
-          emoji.displayText.toLowerCase().includes(filterWordLowercase)
-        )
+        const orderedEmojiList = []
+        for (const emoji of this.$store.state.instance.emoji) {
+          const indexOfFilterWord = emoji.displayText.toLowerCase().indexOf( filterWordLowercase )
+          if ( indexOfFilterWord > -1 ) {
+            orderedEmojiList.splice(indexOfFilterWord, 0, emoji)
+          }
+        }
+        return orderedEmojiList
       }
       return this.$store.state.instance.emoji || []
     },