heroes-of-chess-components 0.6.42 → 0.6.44

package/dist/HocComponentsPlayground.js

@@ -13,7 +13,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import { useEffect, useState } from "react";
 import { HCircularButton, HBox, HCalendar, HCoinLabel, HDropdown,
 // HHeader,
-HInput, HLoaderSpinner, HModal, HPopUp, HPopUpContainer, HSearchInput, HTabs, HTitle, HToggleButton, HLogin, HProgressBar, HToggleButtonCustom, HPagination, HVideoPlayerReact, HBackground, HButton, HCircularTextButton, HInitBackgroundAnimation, HInputArea, HTable, HScoreBar, HNews, HText, HTrafficLight } from "./lib/HocComponents";
+HInput, HLoaderSpinner, HModal, HPopUp, HPopUpContainer, HSearchInput, HTabs, HTitle, HToggleButton, HLogin, HProgressBar, HToggleButtonCustom, HPagination, HVideoPlayerReact, HBackground, HButton, HCircularTextButton, HInitBackgroundAnimation, HInputArea, HTable, HScoreBar, HNews, HText, HTrafficLight, HRaceTable } from "./lib/HocComponents";
 import { HProviders } from "./lib/providers";
 import { HocIconBirthdayGold, HocIconSettings, HocIconSwitchUser, HocIconVideoFAQ } from "./lib/assets/Icons/ui";
 import HAccordion from "./lib/HocComponents/HAccordion/HAccordion";
@@ -756,10 +756,157 @@ function HocComponentsPlayground() {
     "updatedAt": "2025-11-05T02:05:10.247Z",
     "__v": 0
   }];
+  var points = [{
+    "idCustomer": {
+      "profileInfo": {
+        "name": "Timo",
+        "lastName": "Gambella",
+        "birthDate": "11/01/2014",
+        "gender": "male",
+        "character": "Tsuruya",
+        "pet": "Umbratox",
+        "level": 1,
+        "levelReload": 0,
+        "aiLevel": 2,
+        "toSearch": "timogambella"
+      },
+      "_id": "66e9991a8000364e19d77d92"
+    },
+    "numberOfGames": 18,
+    "combo": 1,
+    "points": 13,
+    "omit": true,
+    "_id": "69382b1b2e9beae26d94c97f"
+  }, {
+    "idCustomer": {
+      "profileInfo": {
+        "name": "Riccardo",
+        "lastName": "Basiglio",
+        "birthDate": "10/09/2013",
+        "gender": "male",
+        "character": "Nykara",
+        "pet": "Virio",
+        "level": 13,
+        "levelReload": 50,
+        "aiLevel": 51,
+        "toSearch": "riccardobasiglio"
+      },
+      "_id": "631c7ed2de067f55ac9a7c0a"
+    },
+    "numberOfGames": 1,
+    "combo": 1,
+    "points": 1,
+    "omit": false,
+    "_id": "69382b422e9beae26d94ca38"
+  }, {
+    "idCustomer": {
+      "profileInfo": {
+        "name": "Caterina",
+        "lastName": "Zemma",
+        "birthDate": "06/04/2014",
+        "gender": "male",
+        "character": "Alice",
+        "pet": "Lux",
+        "level": 1,
+        "levelReload": 1,
+        "aiLevel": 1,
+        "toSearch": "caterinazemma"
+      },
+      "_id": "6508104b49a905c16f4756d3"
+    },
+    "numberOfGames": 0,
+    "combo": 0,
+    "points": 0,
+    "omit": false,
+    "_id": "69382b422e9beae26d94ca68"
+  }, {
+    "idCustomer": {
+      "profileInfo": {
+        "name": "Luca",
+        "lastName": "Bruno",
+        "birthDate": "28/06/2011",
+        "gender": "male",
+        "character": "Eryk",
+        "pet": "Ignis",
+        "level": 29,
+        "levelReload": 41,
+        "aiLevel": 42,
+        "toSearch": "lucabruno"
+      },
+      "_id": "650ed6d9a515a475d6bcfd10"
+    },
+    "numberOfGames": 0,
+    "combo": 0,
+    "points": 0,
+    "omit": false,
+    "_id": "69382b422e9beae26d14ca68"
+  }, {
+    "idCustomer": {
+      "profileInfo": {
+        "name": "Maya",
+        "lastName": "Collida",
+        "birthDate": "13/10/2016",
+        "gender": "female",
+        "character": "Vesper",
+        "pet": "Lux",
+        "level": 1,
+        "aiLevel": 2,
+        "toSearch": "mayacollida"
+      },
+      "_id": "63dd3bdf20d7d9c2b24db182"
+    },
+    "numberOfGames": 0,
+    "combo": 0,
+    "points": 0,
+    "omit": false,
+    "_id": "69382b422e9beae26d64ca68"
+  }, {
+    "idCustomer": {
+      "profileInfo": {
+        "name": "Pietro",
+        "lastName": "Gianelli",
+        "birthDate": "06/08/2011",
+        "gender": "male",
+        "character": "Brilin",
+        "pet": "Lux",
+        "level": 1,
+        "levelReload": 14,
+        "aiLevel": 15,
+        "toSearch": "pietrogianelli"
+      },
+      "_id": "6545208bef2b92fa85c1b1ca"
+    },
+    "numberOfGames": 0,
+    "combo": 0,
+    "points": 0,
+    "omit": false,
+    "_id": "69382b422e9beae26d94ca63"
+  }, {
+    "idCustomer": {
+      "profileInfo": {
+        "name": "Emanuele",
+        "lastName": "Bramardo",
+        "birthDate": "02/02/2013",
+        "gender": "male",
+        "character": "Eryk",
+        "pet": "Vireo",
+        "level": 1,
+        "levelReload": 22,
+        "aiLevel": 22,
+        "toSearch": "emanuelebramardo"
+      },
+      "_id": "650dbed9e82a5947a85eaf31"
+    },
+    "numberOfGames": 0,
+    "combo": 0,
+    "points": 0,
+    "omit": false,
+    "_id": "69382b722e9beae26d94ca68"
+  }];
   return /*#__PURE__*/_jsxs(HProviders, {
-    children: [/*#__PURE__*/_jsx(HTrafficLight, {
-      isStarting: true,
-      timeRemainingStarting: 3
+    children: [/*#__PURE__*/_jsx(HRaceTable, {
+      points: points,
+      data: points
     }), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx("br", {}), news && news.length > 0 ? /*#__PURE__*/_jsx(HNews, {
       news: news
     }) : /*#__PURE__*/_jsx(_Fragment, {}), showInitBackground && /*#__PURE__*/_jsx(HInitBackgroundAnimation, {

package/dist/lib/HocComponents/HRaceTable/HRaceTable.tsx

@@ -7,7 +7,7 @@ import HTitle from "../HTitle/HTitle";
 import HBox from "../HBox/HBox";
 
 const CharacterImage = styled("img")<{ margin?: string }>`
-  width: 70px;
+  width: 50px;
   border-radius: 50%;
   margin: ${({ margin }) => margin || "0"};
 `;
@@ -36,7 +36,7 @@ interface HRaceTableProps {
 }
 
 const HRaceTable: React.FC<HRaceTableProps> = ({ data, points }) => {
-  const { isMobile } = useIsMobile(1050);
+  const { isMobile } = useIsMobile(1100);
   const { setCharacterPicture } = useCharacters();
 
   const knowCoinsAndDiamonds = ({
@@ -121,7 +121,7 @@ const HRaceTable: React.FC<HRaceTableProps> = ({ data, points }) => {
       <div style={{ maxWidth: "1200px", width: "100%" }}>
         <HBox
           borderRadius="23px"
-          width="100%"
+          width="90%"
           direction="column"
           background={"purpleLight"}
           overflowY="auto"
@@ -242,7 +242,7 @@ const HRaceTable: React.FC<HRaceTableProps> = ({ data, points }) => {
             margin="0 0 -60px 30px"
           />
           </HBox>
-          <img src={HocIconPodioRace} alt="racePodio" width={375} />
+          <img src={HocIconPodioRace} alt="racePodio" width={345} />
         </HBox>
       </div>
     </HBox>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "heroes-of-chess-components",
-  "version": "0.6.42",
+  "version": "0.6.44",
   "description": "Reusable React Components for Heroes of Chess Apps",
   "type": "module",
   "main": "dist/index.js",