chore: Remove emojione, cleanup styles (#1232)

* chore: Remove `emojione`, cleanup styles

* Move size to variables

* Remove unused categories

app/javascript/dashboard/components/widgets/conversation/Message.vue

@@ -49,7 +49,6 @@
 </template>
 <script>
 import messageFormatterMixin from 'shared/mixins/messageFormatterMixin';
-import getEmojiSVG from '../emoji/utils';
 import timeMixin from '../../../mixins/time';
 import BubbleText from './bubble/Text';
 import BubbleImage from './bubble/Image';
@@ -141,9 +140,6 @@ export default {
       };
     },
   },
-  methods: {
-    getEmojiSVG,
-  },
 };
 </script>
 <style lang="scss">

app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue

@@ -80,14 +80,11 @@
 </template>
 
 <script>
-/* eslint no-console: 0 */
-
 import { mapGetters } from 'vuex';
-import emojione from 'emojione';
 import { mixin as clickaway } from 'vue-clickaway';
 import FileUpload from 'vue-upload-component';
 
-import EmojiInput from '../emoji/EmojiInput';
+import EmojiInput from 'shared/components/emoji/EmojiInput';
 import CannedResponse from './CannedResponse';
 import ResizableTextArea from 'shared/components/ResizableTextArea';
 import {
@@ -284,9 +281,7 @@ export default {
       this.$refs.messageInput.focus();
     },
     emojiOnClick(emoji) {
-      this.message = emojione.shortnameToUnicode(
-        `${this.message}${emoji.shortname} `
-      );
+      this.message = `${this.message}${emoji} `;
     },
     clearMessage() {
       this.message = '';