@everymatrix/casino-page 0.0.150 → 0.0.152

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-page",
-  "version": "0.0.150",
+  "version": "0.0.152",
   "main": "dist/casino-page.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "59dd3d74261b62eccea192ed8d602a2d39b26c46"
+  "gitHead": "3bdbc0f124079a4edd93079f461da3b1a9566955"
 }

package/src/CasinoPage.svelte

@@ -1020,6 +1020,15 @@
         {/if}
       {/if}
     {/if}
+    {#if isLoggedIn}
+      <div class="PanicSection {(getDevice(userAgent) !== 'PC') ? 'PanicSectionMobile' : ''}">
+        <div class="PanicText">
+          <svg class="w-1 h-1" fill="none" stroke="white" width="34px" height="34px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
+          <p>{$_('casinoPage.break')}</p>
+        </div>
+        <button class="PanicButton">{$_('casinoPage.breakButton')}</button>
+      </div>
+    {/if}
   </section>
 {/if}
 
@@ -1039,6 +1048,39 @@
     font-family: 'Helvetica Neue', 'Helvetica', sans-serif;
   }
 
+  .PanicSectionMobile {
+    flex-direction: column;
+    margin-bottom: 40px;
+  }
+
+  .PanicSection {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+  }
+
+  .PanicText {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+  }
+
+  p {
+    font-size: ttp(1);
+    color: #fff;
+  }
+
+  .PanicButton {
+    border-radius: 2px;
+    border: 1px solid #D0046C;
+    background-color: #D0046C;
+    width: ttp(15);
+    height: ttp(3);
+    color: #fff;
+  }
+
   [type="search"] {
     appearance: none;
   }

package/src/translations.js

@@ -3,98 +3,126 @@ export const CasinoPageTranslations = {
     casinoPage: {
       search: 'Search',
       loading: 'Loading',
-      searchMobile: 'Search'
+      searchMobile: 'Search',
+      break: 'Take 1 day break from playing',
+      breakButton: '24-hour Cool Off',
     }
   },
   de: {
     casinoPage: {
       search: 'Suche',
       loading: 'Loading',
-      searchMobile: 'Suche'
+      searchMobile: 'Suche',
+      break: 'Take 1 day break from playing',
+      breakButton: '24-hour Cool Off',
     }
   },
   it: {
     casinoPage: {
       search: 'Cerca',
       loading: 'Loading',
-      searchMobile: 'Cerca'
+      searchMobile: 'Cerca',
+      break: 'Take 1 day break from playing',
+      breakButton: '24-hour Cool Off',
     }
   },
   fr: {
     casinoPage: {
       search: 'Rechercher des jeux ...',
       loading: 'Chargement ...',
-      searchMobile: 'Rechercher'
+      searchMobile: 'Rechercher',
+      break: 'Take 1 day break from playing',
+      breakButton: '24-hour Cool Off',
     }
   },
   es: {
     casinoPage: {
       search: 'Buscar juegos ...',
       loading: 'Cargando ...',
-      searchMobile: 'Buscar'
+      searchMobile: 'Buscar',
+      break: 'Take 1 day break from playing',
+      breakButton: '24-hour Cool Off',
     }
   },
   tr: {
     casinoPage: {
       search: 'Oyun ara ...',
       loading: 'Yükleniyor ...',
-      searchMobile: 'Arama'
+      searchMobile: 'Arama',
+      break: 'Take 1 day break from playing',
+      breakButton: '24-hour Cool Off',
     }
   },
   ru: {
     casinoPage: {
       search: 'Искать игры ...',
       loading: 'Загрузка ...',
-      searchMobile: 'Поиск'
+      searchMobile: 'Поиск',
+      break: 'Take 1 day break from playing',
+      breakButton: '24-hour Cool Off',
     }
   },
   ro: {
     casinoPage: {
       search: 'Cautare jocuri...',
       loading: 'Se incarca ...',
-      searchMobile: 'Cauta'
+      searchMobile: 'Cauta',
+      break: 'Take 1 day break from playing',
+      breakButton: '24-hour Cool Off',
     }
   },
   hr: {
     casinoPage: {
       search: 'Pretraži',
       loading: 'Učitavanje',
-      searchMobile: 'Pretraži'
+      searchMobile: 'Pretraži',
+      break: 'Take 1 day break from playing',
+      breakButton: '24-hour Cool Off',
     }
   },
   hu: {
     casinoPage: {
       search: 'Keresés',
       loading: 'betöltés',
-      searchMobile: 'Keresés'
+      searchMobile: 'Keresés',
+      break: 'Take 1 day break from playing',
+      breakButton: '24-hour Cool Off',
     }
   },
   pl: {
     casinoPage: {
       search: 'Szukaj',
       loading: 'Ładowanie',
-      searchMobile: 'Szukaj'
+      searchMobile: 'Szukaj',
+      break: 'Take 1 day break from playing',
+      breakButton: '24-hour Cool Off',
     }
   },
   pt: {
     casinoPage: {
       search: 'Procurar',
       loading: 'A carregar',
-      searchMobile: 'Procurar'
+      searchMobile: 'Procurar',
+      break: 'Take 1 day break from playing',
+      breakButton: '24-hour Cool Off',
     }
   },
   sl: {
     casinoPage: {
       search: 'Iskanje',
       loading: 'Loading',
-      searchMobile: 'Iskanje'
+      searchMobile: 'Iskanje',
+      break: 'Take 1 day break from playing',
+      breakButton: '24-hour Cool Off',
     }
   },
   sr: {
     casinoPage: {
       search: 'Pretraži',
       loading: 'Loading',
-      searchMobile: 'Pretraži'
+      searchMobile: 'Pretraži',
+      break: 'Take 1 day break from playing',
+      breakButton: '24-hour Cool Off',
     }
   }
 };