@everymatrix/casino-games-category-section 0.0.272 → 0.0.275

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-games-category-section",
-  "version": "0.0.272",
+  "version": "0.0.275",
   "main": "dist/casino-games-category-section.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2251ff7ad156e5d687da1a0ce2f71e526ca4eac5"
+  "gitHead": "6b4c5e75ec17a99271b51d6cd70f107340dd5dab"
 }

package/src/CasinoGamesCategorySection.svelte

@@ -384,7 +384,7 @@
       }
     }
   }
-  
+
   // @TODO categoryId type fix
   const loadMoreGames = (categoryId:any) => {
     limit += 1;
@@ -393,10 +393,17 @@
       getData(categoryId, offset, limit).then((res:any) => {
         categoryData = res;
         // @TODO categoryData type fix
-        shownCategoryData = categoryData.games.items;
-        shownCategoryData.forEach((item:any) => {
-          item.isFavorite = checkFavorite(item.id);
-        });
+        /**
+         * This check is needed to prevent requests with less items 
+         * that started before but ended after the last request to add items to list
+         * This could also use abort controller instead but refactoring is needed
+        */
+        if(categoryData.games.items.length > shownCategoryData.length){
+          shownCategoryData = categoryData.games.items;
+          shownCategoryData.forEach((item:any) => {
+            item.isFavorite = checkFavorite(item.id);
+          });
+        }
       });
     }
   }
@@ -603,7 +610,7 @@
           <div class="CasinoGamesContainer" part="CasinoGamesContainer">
             <div class="CasinoGamesHeader" part="CasinoGamesHeader">
                 <h3 class="CategoryName" part="CategoryName" bind:this={categoryName}>
-                    {favoriteGamesData.name}
+                  {$_('gamesCategorySection.favorites')}
                 </h3>
             </div>
             <ul class="{(favoriteGamesData.items.length != 0) ? 'CasinoGamesGrid' : ''}  'GamesListIncreasedGap'}" part="{(favoriteGamesData.items.length != 0) ? 'CasinoGamesGrid' : ''}  'GamesListIncreasedGap'}" bind:this={container}>
@@ -684,16 +691,16 @@
               l23.311,135.898l-122.038-64.162c-4.37-2.297-9.591-2.297-13.961,0l-122.045,64.163l23.304-135.9
               c0.834-4.866-0.779-9.83-4.313-13.276l-98.731-96.244l136.445-19.829c4.886-0.71,9.108-3.778,11.294-8.205L256,60.685
               l61.023,123.645c2.186,4.427,6.408,7.496,11.294,8.206l136.447,19.828L366.023,308.608z"/></svg>
-                    <span class="NoFavoriteText NoFavoriteTextHighlight" part="NoFavoriteText NoFavoriteTextHighlight">You do not have any favored games yet.</span>
+                    <span class="NoFavoriteText NoFavoriteTextHighlight" part="NoFavoriteText NoFavoriteTextHighlight">{$_('gamesCategorySection.noFavoritesTitle')}</span>
                     {#if isMobile(userAgent)}
-                      <span class="NoFavoriteText" part="NoFavoriteText">You can now add games to favorites by tapping on the star icon located on the game page.</span>
+                      <span class="NoFavoriteText" part="NoFavoriteText">{$_('gamesCategorySection.noFavoritesMobile')}</span>
                     {:else}
-                      <span class="NoFavoriteText" part="NoFavoriteText">You can now add games to favorites by clicking on the star icon located on the game thumbnail.</span>
+                      <span class="NoFavoriteText" part="NoFavoriteText">{$_('gamesCategorySection.noFavorites')}</span>
                     {/if}
                   </p>
                 {/each}
               {:else}
-                <p>Waiting</p>
+                <p>{$_('gamesCategorySection.waiting')}</p>
               {/if}
             </ul>
           </div>

package/src/translations.js

@@ -5,8 +5,13 @@ export const GamesCategorySectionTranslations = {
       viewAll: 'Show all',
       searchedItems: 'Search result',
       recentSearchedItems: 'Recently searched',
+      favorites: 'Favorites',
       noRecentSearch: 'No search started yet. Simply search for a game.',
-      noResults: 'Sorry, no results found. Please try again.'
+      noResults: 'Sorry, no results found. Please try again.',
+      noFavoritesMobile: 'You can now add games to favorites by tapping on the star icon located on the game page.',
+      noFavorites: 'You can now add games to favorites by clicking on the star icon located on the game thumbnail.',
+      noFavoritesTitle: 'You do not have any favored games yet.',
+      waiting: 'Waiting',
     }
   },
   de: {
@@ -75,8 +80,13 @@ export const GamesCategorySectionTranslations = {
       viewAll: 'Vezi toate',
       searchedItems: 'Rezultatele cautarii',
       recentSearchedItems: 'Cautari recente',
+      favorites: 'Favorite',
       noRecentSearch: 'Nici o căutare nu a început încă. Pur și simplu căutați un joc.',
-      noResults: 'Ne pare rau, nu s-au gasit rezultate. Va rugam sa incercati din nou'
+      noResults: 'Ne pare rau, nu s-au gasit rezultate. Va rugam sa incercati din nou',
+      noFavoritesMobile: 'Acum puteți adăuga jocuri la favorite atingând pictograma stea situată pe pagina jocului.',
+      noFavorites: 'Acum puteți adăuga jocuri la favorite făcând clic pe pictograma stea situată pe miniatura jocului.',
+      noFavoritesTitle: 'Nu aveți încă niciun joc preferat.',
+      waiting: 'Aşteptare',
     }
   },
   hr: {