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

front/src/Components/Menu/MenuIcon.svelte

@@ -1,9 +1,14 @@
 <script lang="typescript">
     import logoWA from "../images/menu.svg"
     import logoTalk from "../images/chat.svg"
+    import logoInvite from "../images/logo-invite-pixel.png";
+    import logoRegister from "../images/logo-register-pixel.png";
     import { menuVisiblilityStore } from "../../Stores/MenuStore";
     import { chatVisibilityStore } from "../../Stores/ChatStore";
+    import { limitMapStore } from "../../Stores/GameStore";
     import { get } from "svelte/store";
+    import { ADMIN_URL } from "../../Enum/EnvironmentVariable";
+    import { showShareLinkMapModalStore } from "../../Stores/ModalStore";
 
     function showMenu() {
         menuVisiblilityStore.set(!get(menuVisiblilityStore));
@@ -11,17 +16,33 @@
     function showChat() {
         chatVisibilityStore.set(true);
     }
+
+    function register() {
+        window.open(`${ADMIN_URL}/second-step-register`, "_self");
+    }
+    function showInvite() {
+        showShareLinkMapModalStore.set(true);
+    }
 </script>
 
 <svelte:window />
 
 <main class="menuIcon">
-  <span class="nes-btn is-dark">
-    <img src={logoWA} alt="open menu" on:click|preventDefault={showMenu} />
-  </span>
-  <span class="nes-btn is-dark">
-    <img src={logoTalk} alt="open menu" on:click|preventDefault={showChat} />
-  </span>
+    {#if $limitMapStore}
+    <span class="nes-btn is-dark">
+        <img src={logoInvite} alt="open menu" on:click|preventDefault={showInvite} />
+      </span>
+    <span class="nes-btn is-dark">
+        <img src={logoRegister} alt="open menu" on:click|preventDefault={register} />
+      </span>
+    {:else}
+    <span class="nes-btn is-dark">
+        <img src={logoWA} alt="open menu" on:click|preventDefault={showMenu} />
+      </span>
+    <span class="nes-btn is-dark">
+        <img src={logoTalk} alt="open menu" on:click|preventDefault={showChat} />
+      </span>
+    {/if}
 </main>
 
 <style lang="scss">