workadventure/front/src/Components/Chat/ChatSubMenu.svelte
David Négrier 51c3f1d972 Refactoring translator to use "_" instead of "translator._".
This is shorter and pollutes less the code.
2022-01-21 17:09:29 +01:00

37 lines
1,017 B
Svelte

<script lang="ts">
import type { PlayerInterface } from "../../Phaser/Game/PlayerInterface";
import { requestVisitCardsStore } from "../../Stores/GameStore";
import { _ } from "../../Translator/Translator";
export let player: PlayerInterface;
function openVisitCard() {
if (player.visitCardUrl) {
requestVisitCardsStore.set(player.visitCardUrl);
}
}
</script>
<ul class="selectMenu" style="border-top: {player.color || 'whitesmoke'} 5px solid">
<li>
<button class="text-btn" disabled={!player.visitCardUrl} on:click={openVisitCard}
>{_("chat.menu.visit-card")}</button
>
</li>
<li><button class="text-btn" disabled>{_("chat.menu.add-friend")}</button></li>
</ul>
<style lang="scss">
ul.selectMenu {
background-color: whitesmoke;
position: absolute;
padding: 5px;
border-radius: 4px;
list-style-type: none;
li {
text-align: center;
}
}
</style>