@everymatrix/casino-game-thumbnail 1.1.2 → 1.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-game-thumbnail",
-  "version": "1.1.2",
+  "version": "1.1.5",
   "main": "dist/casino-game-thumbnail.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a331dfb7a0daca971fec89907140c9353dc5f0b3"
+  "gitHead": "8382d5b109b967bd6756236bd96bb5a13d51e40e"
 }

package/src/CasinoGameThumbnail.svelte

@@ -4,13 +4,13 @@
   import moment from 'moment';
   import { onMount, tick } from "svelte";
   import { isMobile, getDevice } from 'rvhelper';
-  import { _, addNewMessages} from './i18n';
+  import { _, addNewMessages, setLocale} from './i18n';
   import { GameThumbnailTranslations } from './translations';
   import { currenciesSymbols } from './currency-symbols';
 
   export let session:string = '';
   export let userid:string = '';
-  export let lang:string = '';
+  export let lang:string = 'en';
   export let clientstyling:string = ''
   export let clientstylingurl:string = '';
   export let translationUrl:string = '';
@@ -246,8 +246,7 @@
   }
 
   const setActiveLanguage = ():void => {
-    // Not needed yet
-    // setLocale(lang);
+    setLocale(lang);
   }
 
   const setSession = ():void => {
@@ -596,6 +595,7 @@
   $: roulletteref && roulleteresults && attachAnimations();
 </script>
 
+
 <div class={`GameContainer ${extraclassname}`} part={`GameContainer ${extraclassname}`} bind:this={customStylingContainer}>
   <div class="GameInnerContainer { (livegamedata && !isopen && openhours.value) || (livegamedata && istablefull) ? 'GameInnerContainerUnavailable' : ''}" part="GameInnerContainer { (livegamedata && !isopen) || (livegamedata && istablefull) ? 'GameInnerContainerUnavailable' : ''}" on:mouseenter={gameHover} on:mouseleave={gameBlur} on:touchstart={gameTouch} on:touchend={gameTouchEnd}>
     <img src={gamethumbnail} class={`GameBg GameBg-${gamecellsize} ${hover ? 'GameContainerHovered' : ''} ${loaded ? 'Loaded' : ''}`} part="GameBg {hover ? 'GameContainerHovered' : ''} {loaded ? 'Loaded' : ''}" alt="" bind:this={image} loading="lazy" />
@@ -618,7 +618,9 @@
           {/if}
         {/if}
         <p class="GameInfoName" part="GameInfoName" title="{gamename}">{gamename}</p>
+        {#if lang}
         <button class="GameInfoBtn" part="GameInfoBtn" on:click="{() => toggleGameFrame(gameid)}">{$_('gameThumbnail.playNow')}</button>
+        {/if}
       </div>
       <span class="GameInfoVendor" part="GameInfoVendor">
         { gamevendor ? gamevendor : '-'}
@@ -706,7 +708,6 @@
   {/if}
 </div>
 
-
 <style lang="scss">
 
   :host {

package/src/i18n.js

@@ -6,12 +6,22 @@ import {
 } from 'svelte-i18n';
 
 function setupI18n({ withLocale: _locale, translations }) {
-  dictionary.set(translations);
-  locale.set(_locale);
+  locale.subscribe((data) => {
+    if (data == null) {
+      dictionary.set(translations);
+      locale.set(_locale);
+    }
+  }); // maybe we will need this to make sure that the i18n is set up only once
+  /*dictionary.set(translations);
+  locale.set(_locale);*/
 }
 
 function addNewMessages(lang, dict) {
   addMessages(lang, dict);
 }
 
-export { _, setupI18n, addNewMessages };
+function setLocale(_locale) {
+  locale.set(_locale);
+}
+
+export { _, setupI18n, addNewMessages, setLocale };