From 3f7511e682bb0f0ee55b4b9b0ee6330e76355b0e Mon Sep 17 00:00:00 2001
From: Hanusiak Piotr <piotr@ltmp.co>
Date: Wed, 1 Dec 2021 11:14:54 +0100
Subject: [PATCH] fallback if avatar could not be loaded

---
 front/src/Components/Menu/MenuIcon.svelte       | 4 +++-
 front/src/Components/Video/VideoMediaBox.svelte | 2 +-
 front/src/Components/Woka/Woka.svelte           | 8 ++++----
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/front/src/Components/Menu/MenuIcon.svelte b/front/src/Components/Menu/MenuIcon.svelte
index 760f2e44..e72f0f08 100644
--- a/front/src/Components/Menu/MenuIcon.svelte
+++ b/front/src/Components/Menu/MenuIcon.svelte
@@ -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>
diff --git a/front/src/Components/Video/VideoMediaBox.svelte b/front/src/Components/Video/VideoMediaBox.svelte
index 331be702..9a19e592 100644
--- a/front/src/Components/Video/VideoMediaBox.svelte
+++ b/front/src/Components/Video/VideoMediaBox.svelte
@@ -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}
diff --git a/front/src/Components/Woka/Woka.svelte b/front/src/Components/Woka/Woka.svelte
index 8138cd14..e829522a 100644
--- a/front/src/Components/Woka/Woka.svelte
+++ b/front/src/Components/Woka/Woka.svelte
@@ -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 {