Serubin / pulse-sms-web

The official web app for Pulse SMS - built on Vue.js.
https://pulsesms.app
Other
109 stars 44 forks source link

Autocomplete Emojis (Github/Slack Style) #96

Closed klinker24 closed 4 years ago

klinker24 commented 4 years ago

When typing into the Sendbar, I wanted to show emoji suggestions, the same way that Slack/Github do. You type :, then a description of the emoji. For example :thumbs...

Screen Shot 2019-10-11 at 2 08 31 PM

Works very well, in my opinion. It grabs results from the emojiIndex that we are already building for the emoji picker. As you are typing, it will filter those results. You can use the arrow keys to key through them, or click the emoji. It will also work anywhere in the text field (you can insert the : anywhere and it will start to complete, not just the end of the message).

This closes https://github.com/klinker-apps/messenger-issues/issues/925.

Also, VSCode seems to have auto formatted the Sendbar file, through the eslint plugin, I guess. 🤷‍♂

klinker24 commented 4 years ago

@Serubin if you get the chance to look at these PRs, great. If not, no problem. Planning to just merge tomorrow, unless something pressing is found.