@everymatrix/casino-header-controller 0.0.293 → 0.0.296

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-header-controller",
-  "version": "0.0.293",
+  "version": "0.0.296",
   "main": "dist/casino-header-controller.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -38,5 +38,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5b7aee827d2cbc67a99e15775c630c6f9ddfbf43"
+  "gitHead": "628a0e30f5160748837a6a7acb4cf44623d87c3d"
 }

package/src/CasinoHeaderController.svelte

@@ -9,6 +9,7 @@
   import '@everymatrix/casino-slider';
   import '@everymatrix/casino-hamburger-menu';
   import '@everymatrix/player-account-balance-modal';
+  import everymatrixLogo from './images/everymatrix-logo-white.png';
 
   export let session:string = '';
   export let userid:string = '';
@@ -51,6 +52,7 @@
   let headerURL:URL;
   let logoURL:URL;
   let isLoading:boolean = true;
+  let logoFromCms:boolean = false;
 
   let mobileView:boolean = false;
   let userAgent:string = window.navigator.userAgent;
@@ -193,6 +195,7 @@
   }
 
   const getLogo = (url:any):Promise<any> => {
+    logoFromCms = false;
 
     return new Promise((resolve, reject) => {
       fetch(url)
@@ -200,9 +203,13 @@
         .then((data: any) => {
           if (data.logoUrl.length > 0 && (data.logoUrl != "null" || data.logoUrl != "false")) {
             logoPath = data.logoUrl;
+            logoFromCms = true;
+          } else {
+            logoFromCms = false;
           }
           resolve(data);
         }, (err: any) => {
+          logoFromCms = false;
           console.error(err);
           reject(err);
         });
@@ -250,7 +257,11 @@
           {/if}
         </div>
         <div class="HeaderBranding" part="HeaderBranding" on:click={()=>menuAction('lobby')}>
+          {#if logoFromCms}
             <img src={logoPath} alt="Logo">
+          {:else}
+            <img src={everymatrixLogo} alt="Logo">
+          {/if}
         </div>
 
         <div class="HeaderTopActions" part="HeaderTopActions">
@@ -280,7 +291,11 @@
     <header class="HeaderWrapper" part="HeaderWrapper">
       <div class="HeaderContainer" part="HeaderContainer">
         <div class="HeaderBranding" part="HeaderBranding" on:click={()=>menuAction('lobby')}>
+          {#if logoFromCms}
             <img src={logoPath} alt="Logo">
+          {:else}
+            <img src={everymatrixLogo} alt="Logo">
+          {/if}
         </div>
 
         <nav class="HeaderMainNav" part="HeaderMainNav">
@@ -345,7 +360,11 @@
           </svg>
         </div>
         <div class="HeaderBranding" part="HeaderBranding" on:click={()=>menuAction('lobby')}>
+          {#if logoFromCms}
             <img src={logoPath} alt="Logo">
+          {:else}
+            <img src={everymatrixLogo} alt="Logo">
+          {/if}
         </div>
 
         <div class="HeaderTopActions" part="HeaderTopActions">
@@ -360,7 +379,11 @@
     <header class="HeaderWrapper" part="HeaderWrapper">
       <div class="HeaderContainer" part="HeaderContainer">
         <div class="HeaderBranding" part="HeaderBranding" on:click={()=>menuAction('lobby')}>
-          <img src={logoPath} alt="Logo">
+          {#if logoFromCms}
+            <img src={logoPath} alt="Logo">
+          {:else}
+            <img src={everymatrixLogo} alt="Logo">
+          {/if}
         </div>
 
         <nav class="HeaderMainNav" part="HeaderMainNav">
@@ -417,6 +440,11 @@
     margin: 0 auto;
   }
 
+  .HeaderMobileMainNav {
+    display: flex;
+    align-items: center;
+  }
+
   .HeaderBranding {
     width: 150px;
     cursor: pointer;
@@ -507,7 +535,7 @@
 
   .ItemLanguage {
     height: 44px;
-    width: 76px;
+    width: 90px;
     text-align: center;
     line-height: 44px;
     background: transparent;
@@ -588,6 +616,8 @@
 
     .HeaderBranding {
       width: 110px;
+      display: flex;
+      align-items: center;
     }
 
     .HeaderItemsMenu {