fallback if avatar could not be loaded
This commit is contained in:
parent
9de13faff2
commit
3f7511e682
@ -1,10 +1,12 @@
|
||||
<script lang="typescript">
|
||||
import logoTalk from "../images/logo-message-pixel.png"
|
||||
import logoWA from "../images/logo-WA-pixel.png";
|
||||
import {menuVisiblilityStore} from "../../Stores/MenuStore";
|
||||
import {chatVisibilityStore} from "../../Stores/ChatStore";
|
||||
import {get} from "svelte/store";
|
||||
import Woka from '../Woka/Woka.svelte';
|
||||
|
||||
|
||||
function showMenu(){
|
||||
menuVisiblilityStore.set(!get(menuVisiblilityStore))
|
||||
}
|
||||
@ -17,7 +19,7 @@
|
||||
|
||||
<main class="menuIcon">
|
||||
<div class="nes-pointer woka" on:click|preventDefault={showMenu}>
|
||||
<Woka userId={-1}/>
|
||||
<Woka userId={-1} placeholderSrc={logoWA}/>
|
||||
</div>
|
||||
<img src={logoTalk} alt="open menu" class="nes-pointer" on:click|preventDefault={showChat}>
|
||||
</main>
|
||||
|
@ -30,7 +30,7 @@
|
||||
{/if}
|
||||
{#if !$constraintStore || $constraintStore.video === false}
|
||||
<i style="background-color: {getColorByString(name)};">
|
||||
<Woka userId={peer.userId}/>
|
||||
<Woka userId={peer.userId} placeholderSrc={""}/>
|
||||
</i>
|
||||
{/if}
|
||||
{#if $constraintStore && $constraintStore.audio === false}
|
||||
|
@ -2,22 +2,22 @@
|
||||
import { onDestroy } from 'svelte';
|
||||
|
||||
import { gameManager } from '../../Phaser/Game/GameManager';
|
||||
import logoWA from "../images/logo-WA-pixel.png"; // placeholder
|
||||
|
||||
export let userId: number;
|
||||
export let placeholderSrc: string;
|
||||
|
||||
const gameScene = gameManager.getCurrentGameScene();
|
||||
const playerWokaPictureStore = gameScene.getUserWokaPictureStore(userId);
|
||||
|
||||
let src = logoWA;
|
||||
let src = placeholderSrc;
|
||||
const unsubscribe = playerWokaPictureStore.picture.subscribe((htmlElement) => {
|
||||
src = htmlElement?.src ?? logoWA;
|
||||
src = htmlElement?.src ?? placeholderSrc;
|
||||
});
|
||||
|
||||
onDestroy(unsubscribe);
|
||||
</script>
|
||||
|
||||
<img src={src} alt="woka" class="nes-pointer">
|
||||
<img src={src} alt="" class="nes-pointer">
|
||||
|
||||
<style>
|
||||
img {
|
||||
|
Loading…
Reference in New Issue
Block a user