Merge branch 'develop' of github.com:thecodingmachine/workadventure

front/src/Components/EmoteMenu/EmoteMenu.svelte

@@ -19,13 +19,18 @@
       },
       theme: 'dark',
       emojisPerRow: isMobile() ? 6 : 8,
-      autoFocusSearch: false
+      autoFocusSearch: false,
+      style: 'twemoji',
     });
     //the timeout is here to prevent the menu from flashing
     setTimeout(() => picker.showPicker(emojiContainer), 100);
 
     picker.on("emoji", (selection) => {
-      emoteStore.set(selection.emoji);
+      emoteStore.set({
+        unicode: selection.emoji,
+        url: selection.url,
+        name: selection.name
+      });
     });
 
     picker.on("hidden", () => {

front/src/Components/Menu/MenuIcon.svelte

@@ -1,25 +1,19 @@
 <script lang="typescript">
-  import logoWA from "../images/menu.svg"
-  import logoTalk from "../images/chat.svg"
-  import { menuVisiblilityStore } from "../../Stores/MenuStore";
-  import { chatVisibilityStore } from "../../Stores/ChatStore";
-  import { get } from "svelte/store";
+    import logoWA from "../images/menu.svg"
+    import logoTalk from "../images/chat.svg"
+    import {menuVisiblilityStore} from "../../Stores/MenuStore";
+    import {chatVisibilityStore} from "../../Stores/ChatStore";
+    import {get} from "svelte/store";
 
-  function showMenu() {
-    menuVisiblilityStore.set(!get(menuVisiblilityStore))
-  }
-  function showChat() {
-    chatVisibilityStore.set(true);
-  }
-
-  function onKeyDown(e: KeyboardEvent) {
-    if (e.key === "Tab") {
-      showMenu();
+    function showMenu(){
+        menuVisiblilityStore.set(!get(menuVisiblilityStore))
+    }
+    function showChat(){
+        chatVisibilityStore.set(true);
     }
-  }
 </script>
 
-<svelte:window on:keydown={onKeyDown} />
+<svelte:window/>
 
 <main class="menuIcon">
   <span class=" nes-btn is-dark">