@ludo.ninja/components 2.2.20 → 2.2.22

package/build/modules/opportunity/OpportunityCard.js

@@ -236,7 +236,7 @@ const OpportunityCard = ({ opportunity, toolsForRemove, }) => {
     }));
     const getMediaENVDomain = (0, env_1.useEnvStore)((state) => state.getMediaDomain);
     const isProd = (0, env_1.useEnvStore)((state) => state.isProd);
-    return ((0, jsx_runtime_1.jsxs)(SWrapperLink, { href: opportunity.projectUrl || opportunity.shareLink || "", target: "_blank", children: [(0, jsx_runtime_1.jsxs)(StyledCardHead, { children: [(0, jsx_runtime_1.jsx)(OpportunityImage, { alt: opportunity.name, src: opportunity.media
+    return ((0, jsx_runtime_1.jsxs)(SWrapperLink, { href: opportunity.shareLink || opportunity.projectUrl || "", target: "_blank", children: [(0, jsx_runtime_1.jsxs)(StyledCardHead, { children: [(0, jsx_runtime_1.jsx)(OpportunityImage, { alt: opportunity.name, src: opportunity.media
                             ? `${getMediaENVDomain()}/opportunity-medias/${opportunity.media}`
                             : "" }), (0, jsx_runtime_1.jsx)(Headicons_1.default, { isMobile: isMobile, onClick: (e) => {
                             e.stopPropagation();

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

@@ -1,6 +1,6 @@
 declare const ExperienceLabel: ({ value, link, loading }: {
     value: number;
-    link: string;
-    loading: boolean;
+    link?: string;
+    loading?: boolean;
 }) => import("react/jsx-runtime").JSX.Element | null;
 export default ExperienceLabel;

package/build/system/Labels/ExperienceLabel/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 };
 };
@@ -13,11 +36,10 @@ 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"));
+const styled_components_1 = __importStar(require("styled-components"));
 // Styles
-const StyledExpTab = (0, styled_components_1.default)(link_1.default) `
+const ExperienceLabelStyles = () => (0, styled_components_1.css) `
   ${boxShadow_1.default};
-  ${boxTransform_1.default};
   display: flex;
   gap: 8px;
   user-select: none;
@@ -37,6 +59,7 @@ const StyledExpTab = (0, styled_components_1.default)(link_1.default) `
     line-height: 1.3;
     color: ${({ theme }) => theme.colors?.experienceGradientLabel?.color};
   }
+
   ${ScreenWidth_1.mediaQuery.minWidthFourK} {
     gap: ${(0, _4k_1.adaptiveValueCalc)(8)};
     padding: ${(0, _4k_1.adaptiveValueCalc)(5)} ${(0, _4k_1.adaptiveValueCalc)(8)} ${(0, _4k_1.adaptiveValueCalc)(5)} ${(0, _4k_1.adaptiveValueCalc)(6)};
@@ -54,12 +77,22 @@ const StyledExpTab = (0, styled_components_1.default)(link_1.default) `
     }
   }
 `;
+const StyledExpLink = (0, styled_components_1.default)(link_1.default) `
+  ${boxTransform_1.default};
+  ${ExperienceLabelStyles};
+`;
+const StyledExpTab = styled_components_1.default.div `
+  ${ExperienceLabelStyles};
+`;
 //Component
 const ExperienceLabel = ({ value = 0, link, loading }) => {
     if (loading)
         return (0, jsx_runtime_1.jsx)(SkeletonLabel_1.default, {});
     if (!value)
         return null;
-    return ((0, jsx_runtime_1.jsxs)(StyledExpTab, { href: link, children: [(0, jsx_runtime_1.jsx)(image_1.default, { src: `${constants_1.staticLink}/public/rewardsPage/XP_logo.svg`, alt: "Experience logo", width: 20, height: 20 }), (0, jsx_runtime_1.jsxs)("p", { className: `value`, children: [value, " XP"] })] }));
+    return link ? ((0, jsx_runtime_1.jsx)(StyledExpLink, { href: link, children: (0, jsx_runtime_1.jsx)(LabelContent, { value: value }) })) : ((0, jsx_runtime_1.jsx)(StyledExpTab, { children: (0, jsx_runtime_1.jsx)(LabelContent, { value: value }) }));
+};
+const LabelContent = ({ value }) => {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(image_1.default, { src: `${constants_1.staticLink}/public/rewardsPage/XP_logo.svg`, alt: "Experience logo", width: 20, height: 20 }), (0, jsx_runtime_1.jsxs)("p", { className: `value`, children: [value, " XP"] })] }));
 };
 exports.default = ExperienceLabel;

package/package.json

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