Kraut.World/server
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Changed the way WOKA's are stored

Browse source
This commit is contained in:
Hanusiak Piotr 2021-11-30 19:10:35 +01:00
parent 2ea54fd243
commit 642d3bb301
6 changed files with 61 additions and 73 deletions
Download patch file Download diff file Expand all files Collapse all files

20
front/src/Components/Menu/MenuIcon.svelte
View file

@ -1,11 +1,9 @@
<script lang="typescript">
import logoWA from "../images/logo-WA-pixel.png"
import logoTalk from "../images/logo-message-pixel.png"
import {menuVisiblilityStore} from "../../Stores/MenuStore";
import {chatVisibilityStore} from "../../Stores/ChatStore";
import {userWokaPictureStore} from "../../Stores/UserWokaPictureStore";
import {get} from "svelte/store";
import {onDestroy} from "svelte";
import Woka from '../Woka/Woka.svelte';
function showMenu(){
menuVisiblilityStore.set(!get(menuVisiblilityStore))
@ -13,22 +11,12 @@
function showChat(){
chatVisibilityStore.set(true);
}
let heroWokaPictureSrc = logoWA;
const unsubscribeFromUserWokaPictureStore = userWokaPictureStore.subscribe(playersAvatars => {
heroWokaPictureSrc = playersAvatars.get(-1) ?? logoWA;
});
onDestroy(unsubscribeFromUserWokaPictureStore);
</script>
<svelte:window/>
<main class="menuIcon">
<img src={heroWokaPictureSrc} alt="open menu" class="nes-pointer" on:click|preventDefault={showMenu}>
<div class="nes-pointer woka" on:click|preventDefault={showMenu}><Woka userId={-1}/></div>
<img src={logoTalk} alt="open menu" class="nes-pointer" on:click|preventDefault={showChat}>
</main>
@ -49,6 +37,10 @@
.menuIcon img:hover{
transform: scale(1.2);
}
.menuIcon .woka:hover{
transform: scale(1.2);
}
@media only screen and (max-width: 800px), only screen and (max-height: 800px) {
.menuIcon {
margin: 3px;