Merge branch '383-fix-emoji-picker-translation' into 'dev'

Add translation to support EmojiPicker in all language

See merge request keanuapp/keanuapp-weblite!189

src/assets/translations/en.json

@@ -329,5 +329,19 @@
     "fetched_n_of_total_events": "Fetched {count} of {total} events",
     "processed_n_of_total_events": "Processed media for {count} of {total} events",
     "export_filename": "Exported chat {date}"
+  },
+  "emoji": {
+    "search": "Search...",
+    "categories": {
+      "activity": "Activity",
+      "flags": "Flags",
+      "foods": "Foods",
+      "frequently": "Frequently used",
+      "objects": "Objects",
+      "nature": "Nature",
+      "peoples": "Peoples",
+      "symbols": "Symbols",
+      "places": "Places"
+    }
   }
 }

src/components/Chat.vue

@@ -225,7 +225,7 @@
     </div>
 
     <MessageOperationsBottomSheet ref="messageOperationsSheet">
-      <VEmojiPicker ref="emojiPicker" @select="emojiSelected" />
+      <VEmojiPicker ref="emojiPicker" @select="emojiSelected" :i18n="i18nEmoji"/>
     </MessageOperationsBottomSheet>
 
     <StickerPickerBottomSheet ref="stickerPickerSheet" v-on:selectSticker="sendSticker" />
@@ -393,7 +393,21 @@ export default {
       /** Calculated style for message operations. We position the "popup" at the selected message. */
       opStyle: "",
 
-      isEmojiQuickReaction: true
+      isEmojiQuickReaction: true,
+      i18nEmoji: {
+        search: this.$t("emoji.search"),
+        categories: {
+          Activity: this.$t("emoji.categories.activity"),
+          Flags: this.$t("emoji.categories.flags"),
+          Foods: this.$t("emoji.categories.foods"),
+          Frequently: this.$t("emoji.categories.frequently"),
+          Objects: this.$t("emoji.categories.objects"),
+          Nature: this.$t("emoji.categories.nature"),
+          Peoples: this.$t("emoji.categories.peoples"),
+          Symbols: this.$t("emoji.categories.symbols"),
+          Places: this.$t("emoji.categories.places")
+        }
+      }
     };
   },