@ludo.ninja/components 2.4.38 → 2.4.39

package/build/system/Labels/CreditsLabel/index.d.ts

@@ -1,6 +1,10 @@
-declare const CreditsLabel: ({ value, link, loading }: {
+import React from "react";
+declare const CreditsLabel: ({ value, link, loading, className, style, withIcon, }: {
     value: number;
-    link: string;
-    loading: boolean;
+    withIcon?: boolean;
+    link?: string;
+    loading?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
 }) => import("react/jsx-runtime").JSX.Element;
 export default CreditsLabel;

package/build/system/Labels/CreditsLabel/index.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -9,12 +32,12 @@ const ScreenWidth_1 = require("../../../styles/ScreenWidth");
 const boxShadow_1 = __importDefault(require("../../../styles/mixins/boxShadow"));
 const boxTransform_1 = __importDefault(require("../../../styles/mixins/boxTransform"));
 const SkeletonLabel_1 = __importDefault(require("../SkeletonLabel"));
+const constants_1 = require("@ludo.ninja/core/build/constants");
 const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
+const image_1 = __importDefault(require("next/image"));
 const link_1 = __importDefault(require("next/link"));
-const styled_components_1 = __importDefault(require("styled-components"));
-// Styles
-const StyledExpTab = (0, styled_components_1.default)(link_1.default) `
-  ${boxTransform_1.default};
+const styled_components_1 = __importStar(require("styled-components"));
+const CreditsLabelStyles = () => (0, styled_components_1.css) `
   ${boxShadow_1.default};
   display: flex;
   gap: 8px;
@@ -48,10 +71,19 @@ const StyledExpTab = (0, styled_components_1.default)(link_1.default) `
     }
   }
 `;
-//Component
-const CreditsLabel = ({ value = 0, link, loading }) => {
+const StyledCreditsLink = (0, styled_components_1.default)(link_1.default) `
+  ${boxTransform_1.default};
+  ${CreditsLabelStyles};
+`;
+const StyledCreditsTab = styled_components_1.default.div `
+  ${CreditsLabelStyles};
+`;
+const CreditsLabel = ({ value = 0, link, loading, className, style, withIcon = false, }) => {
     if (loading)
         return (0, jsx_runtime_1.jsx)(SkeletonLabel_1.default, {});
-    return ((0, jsx_runtime_1.jsx)(StyledExpTab, { href: link, children: (0, jsx_runtime_1.jsx)("p", { className: `value `, children: `${value} credits` }) }));
+    return link ? ((0, jsx_runtime_1.jsx)(StyledCreditsLink, { href: link, className: className, style: style, children: (0, jsx_runtime_1.jsx)(LabelContent, { value: value, withIcon: withIcon }) })) : ((0, jsx_runtime_1.jsx)(StyledCreditsTab, { className: className, style: style, children: (0, jsx_runtime_1.jsx)(LabelContent, { value: value, withIcon: withIcon }) }));
+};
+const LabelContent = ({ value, withIcon }) => {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [withIcon && (0, jsx_runtime_1.jsx)(image_1.default, { src: `${constants_1.staticLink}/public/credits_icon.svg`, alt: "Credits icon", width: 20, height: 20 }), (0, jsx_runtime_1.jsx)("p", { className: `value `, children: `${value} credit${value !== 1 ? 's' : ''}` })] }));
 };
 exports.default = CreditsLabel;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ludo.ninja/components",
-  "version": "2.4.38",
+  "version": "2.4.39",
   "private": false,
   "main": "build/index.js",
   "types": "build/index.d.ts",