@ludo.ninja/components 2.1.45 → 2.1.47

package/build/layouts/GlobalLayout.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.GlobalLayout = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const envLine_1 = __importDefault(require("@ludo.ninja/ui/build/components/envLine"));
-// import { SidebarInitializer } from '@/components/sidebar/initializer';
+const initializer_1 = require("../components/sidebar/initializer");
 const useAuthVerification_1 = require("../modules/user/auth/useAuthVerification");
 const profileDataInitialization_1 = require("../modules/user/profileData/profileDataInitialization");
 const env_1 = require("../store/env");
@@ -28,6 +28,6 @@ const GlobalLayout = ({ children }) => {
     (0, useAuthVerification_1.useAuthVerification)();
     const NEXT_PUBLIC_ENV_VALUE = (0, env_1.useEnvStore)((state) => state.NEXT_PUBLIC_ENV_VALUE);
     const envValue = NEXT_PUBLIC_ENV_VALUE !== 'prod' ? NEXT_PUBLIC_ENV_VALUE : '';
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(profileDataInitialization_1.ProfileDataInitialization, {}), (0, jsx_runtime_1.jsx)(envLine_1.default, { isNeedToShow: envValue }), (0, jsx_runtime_1.jsx)(globalStyles_1.default, {}), children, (0, jsx_runtime_1.jsx)(CreatorNotifications_1.CreatorNotifications, {}), (0, jsx_runtime_1.jsx)(screen_1.InitializeAppHeight, {}), (0, jsx_runtime_1.jsx)(SubscriberNotifications_1.SubscriberNotification, {}), (0, jsx_runtime_1.jsx)(Overlay_1.default, {}), (0, jsx_runtime_1.jsx)(Alert_1.default, {}), (0, jsx_runtime_1.jsx)(Modal_1.default, {}), (0, jsx_runtime_1.jsx)(ModalSidebar_1.default, {}), (0, jsx_runtime_1.jsx)(CreatorModalSidebarPortal_1.CreatorModalSidebarPortal, {}), (0, jsx_runtime_1.jsx)(sessionScroll_1.DeleteScrollStateInterceptor, {})] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(profileDataInitialization_1.ProfileDataInitialization, {}), (0, jsx_runtime_1.jsx)(envLine_1.default, { isNeedToShow: envValue }), (0, jsx_runtime_1.jsx)(globalStyles_1.default, {}), children, (0, jsx_runtime_1.jsx)(CreatorNotifications_1.CreatorNotifications, {}), (0, jsx_runtime_1.jsx)(screen_1.InitializeAppHeight, {}), (0, jsx_runtime_1.jsx)(SubscriberNotifications_1.SubscriberNotification, {}), (0, jsx_runtime_1.jsx)(Overlay_1.default, {}), (0, jsx_runtime_1.jsx)(initializer_1.SidebarInitializer, {}), (0, jsx_runtime_1.jsx)(Alert_1.default, {}), (0, jsx_runtime_1.jsx)(Modal_1.default, {}), (0, jsx_runtime_1.jsx)(ModalSidebar_1.default, {}), (0, jsx_runtime_1.jsx)(CreatorModalSidebarPortal_1.CreatorModalSidebarPortal, {}), (0, jsx_runtime_1.jsx)(sessionScroll_1.DeleteScrollStateInterceptor, {})] }));
 };
 exports.GlobalLayout = GlobalLayout;

package/build/modules/opportunity/OpportunityCard.js

@@ -137,11 +137,12 @@ const StyledCardContent = styled_components_1.default.div `
         font-size: 12px;
         line-height: 16px;
         font-family: ${vars_1.poppinsFontVarCss.css};
-        margin-top: 8px;
+        margin-top: 12px;
       }
     }
   }
 
+
   .date {
     color: #b0b2c0;
     font-size: 12px;
@@ -153,6 +154,11 @@ const StyledCardContent = styled_components_1.default.div `
     height: auto;
     padding: 12px;
   }
+  @media (max-width: 1199px) {
+    .categoryFooter {
+      flex-direction: column;
+    }
+  }
 
   ${ScreenWidth_1.mediaQuery.minWidthFourK} {
     padding: ${(0, _4k_1.adaptiveValueCalc)(12)} ${(0, _4k_1.adaptiveValueCalc)(16)};
@@ -172,7 +178,7 @@ const StyledCardContent = styled_components_1.default.div `
         .categoryName {
           font-size: ${(0, _4k_1.adaptiveValueCalc)(12)};
           line-height: ${(0, _4k_1.adaptiveValueCalc)(16)};
-          margin-top: ${(0, _4k_1.adaptiveValueCalc)(8)};
+          margin-top: ${(0, _4k_1.adaptiveValueCalc)(12)};
         }
       }
     }
@@ -189,7 +195,7 @@ const SImage = styled_components_1.default.img `
   object-fit: cover;
 `;
 const OpportunityImage = ({ src, alt }) => {
-    return ((0, jsx_runtime_1.jsx)(ImageInterceptor_1.ImageInterceptor, { className: 'imgWrapper', children: (0, jsx_runtime_1.jsx)(SImage, { src: src, alt: alt, width: 252, height: 152 }) }));
+    return ((0, jsx_runtime_1.jsx)(ImageInterceptor_1.ImageInterceptor, { className: "imgWrapper", children: (0, jsx_runtime_1.jsx)(SImage, { src: src, alt: alt, width: 252, height: 152 }) }));
 };
 const OpportunityLike = ({ isDefaultLiked, opportunityId, toolsForRemove, }) => {
     const [isLiked, setIsLiked] = (0, react_1.useState)(isDefaultLiked);
@@ -201,7 +207,7 @@ const OpportunityLike = ({ isDefaultLiked, opportunityId, toolsForRemove, }) =>
         try {
             if (isLiked) {
                 await dislikeOpportunityAction({ opportunityId });
-                toolsForRemove?.('opportunity');
+                toolsForRemove?.("opportunity");
                 setIsLiked(false);
             }
             else {
@@ -214,8 +220,8 @@ const OpportunityLike = ({ isDefaultLiked, opportunityId, toolsForRemove, }) =>
         }
         setIsLoadingMutation(false);
     };
-    return ((0, jsx_runtime_1.jsx)("div", { className: `icon like ${isLiked ? 'liked' : ''}`, onClick: handleLikeToggle, style: {
-            pointerEvents: isLoadingMutation ? 'none' : 'unset',
+    return ((0, jsx_runtime_1.jsx)("div", { className: `icon like ${isLiked ? "liked" : ""}`, onClick: handleLikeToggle, style: {
+            pointerEvents: isLoadingMutation ? "none" : "unset",
         }, children: (0, jsx_runtime_1.jsx)(heart_svg_1.default, {}) }));
 };
 const OpportunityCard = ({ opportunity, toolsForRemove, }) => {
@@ -229,13 +235,13 @@ 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.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
                             ? `${getMediaENVDomain()}/opportunity-medias/${opportunity.media}`
-                            : '' }), (0, jsx_runtime_1.jsx)(Headicons_1.default, { isMobile: isMobile, onClick: (e) => {
+                            : "" }), (0, jsx_runtime_1.jsx)(Headicons_1.default, { isMobile: isMobile, onClick: (e) => {
                             e.stopPropagation();
                             e.preventDefault();
                         }, children: (0, jsx_runtime_1.jsxs)("div", { className: "icons", children: [(0, jsx_runtime_1.jsx)("div", { className: "icon", onClick: () => {
                                         openModalSidebarPortal((0, jsx_runtime_1.jsx)(OpportunityMenu_1.OpportunityMenu, { opportunity: opportunity, onClose: closeModalSidebarPortal }));
-                                    }, children: (0, jsx_runtime_1.jsx)(ShareIcon_1.ShareIcon, {}) }), !isProd() && ((0, jsx_runtime_1.jsx)(OpportunityLike, { isDefaultLiked: !!(isSignedIn && opportunity.liked), opportunityId: opportunity.opportunityId, toolsForRemove: toolsForRemove }))] }) })] }), (0, jsx_runtime_1.jsxs)(StyledCardContent, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "cardContent", children: [(0, jsx_runtime_1.jsxs)("div", { className: "cardContentWrapper", children: [(0, jsx_runtime_1.jsx)("h3", { className: `secondName`, children: opportunity.name }), (0, jsx_runtime_1.jsx)("h3", { className: `mainName`, children: opportunity.description }), (0, jsx_runtime_1.jsx)("h3", { className: `categoryName`, children: opportunity.categoryName })] }), (0, jsx_runtime_1.jsx)(OpportunityDropDown_1.OpportunityDropDown, { opportunity: opportunity })] }), (0, jsx_runtime_1.jsxs)(index_1.Flex, { alignItems: "end", justifyContent: 'space-between', children: [(0, jsx_runtime_1.jsx)(CardCategory_1.default, { label: data_1.default.opportunity }), opportunity.activeUntil && ((0, jsx_runtime_1.jsx)("div", { className: "date", children: `till ${(0, moment_1.default)(opportunity.activeUntil).format('LL')}` }))] })] })] }));
+                                    }, children: (0, jsx_runtime_1.jsx)(ShareIcon_1.ShareIcon, {}) }), !isProd() && ((0, jsx_runtime_1.jsx)(OpportunityLike, { isDefaultLiked: !!(isSignedIn && opportunity.liked), opportunityId: opportunity.opportunityId, toolsForRemove: toolsForRemove }))] }) })] }), (0, jsx_runtime_1.jsxs)(StyledCardContent, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "cardContent", children: [(0, jsx_runtime_1.jsxs)("div", { className: "cardContentWrapper", children: [(0, jsx_runtime_1.jsx)("p", { className: `secondName`, children: opportunity.name }), (0, jsx_runtime_1.jsx)("p", { className: `mainName`, children: opportunity.description }), (0, jsx_runtime_1.jsx)("p", { className: `categoryName`, children: opportunity.categoryName })] }), (0, jsx_runtime_1.jsx)(OpportunityDropDown_1.OpportunityDropDown, { opportunity: opportunity })] }), (0, jsx_runtime_1.jsxs)(index_1.Flex, { alignItems: "end", justifyContent: "space-between", className: `categoryFooter`, children: [(0, jsx_runtime_1.jsx)(CardCategory_1.default, { label: data_1.default.opportunity }), opportunity.activeUntil && ((0, jsx_runtime_1.jsx)("div", { className: "date", children: `till ${(0, moment_1.default)(opportunity.activeUntil).format("LL")}` }))] })] })] }));
 };
 exports.OpportunityCard = OpportunityCard;

package/package.json

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