@ludo.ninja/components 2.2.15 → 2.2.17

package/build/components/headers/headerSearch/index.d.ts

@@ -1,2 +1,5 @@
-declare const HeaderSearch: () => import("react/jsx-runtime").JSX.Element;
+export type HeaderSearchProps = {
+    showXP?: boolean;
+};
+declare const HeaderSearch: ({ showXP }: HeaderSearchProps) => import("react/jsx-runtime").JSX.Element;
 export default HeaderSearch;

package/build/components/headers/headerSearch/index.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const header_1 = require("@ludo.ninja/ui/build/components/header");
 const headerExperienceLabel_1 = __importDefault(require("../components/headerExperienceLabel"));
 const headerUserPic_1 = __importDefault(require("../components/headerUserPic"));
 const searchSimpleInput_1 = __importDefault(require("../../search/searchSimpleInput"));
@@ -13,8 +12,9 @@ const env_1 = require("../../../store/env");
 const ui_1 = require("../../../store/ui");
 const auth_1 = require("../../../utils/auth");
 const ludoDomains_1 = require("@ludo.ninja/core/build/ludoDomains");
+const header_1 = require("@ludo.ninja/ui/build/components/header");
 // Component
-const HeaderSearch = () => {
+const HeaderSearch = ({ showXP = true }) => {
     const openSidebar = (0, ui_1.useUiStore)((state) => state.openSidebar);
     const isSignedIn = (0, store_1.useUserStore)((state) => state.isSignedIn);
     const getUser = (0, store_1.useUserStore)((state) => state.user);
@@ -25,12 +25,12 @@ const HeaderSearch = () => {
             login: redirectToLoginWindow,
             openSidebar,
         }, slots: {
-            headerExpLabel: ((0, jsx_runtime_1.jsx)(headerExperienceLabel_1.default, { userId: getUser?.userId || '' })),
-            headerUserPick: (0, jsx_runtime_1.jsx)(headerUserPic_1.default, { userId: getUser?.userId || '' }),
-            logoLinkComponent: ({ children }) => (0, jsx_runtime_1.jsx)("a", { href: ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE][isProd() ? "profile" : "app"], children: children }),
+            ...(showXP ? { headerExpLabel: (0, jsx_runtime_1.jsx)(headerExperienceLabel_1.default, { userId: getUser?.userId || "" }) } : {}),
+            headerUserPick: (0, jsx_runtime_1.jsx)(headerUserPic_1.default, { userId: getUser?.userId || "" }),
+            logoLinkComponent: ({ children }) => ((0, jsx_runtime_1.jsx)("a", { href: ludoDomains_1.ludoDomains[NEXT_PUBLIC_ENV_VALUE][isProd() ? "profile" : "app"], children: children })),
             searchInput: ({ setInputFocused }) => {
                 // Todo seacrh pages, hide search input from header
-                return isProd() ? undefined : ((0, jsx_runtime_1.jsx)(searchSimpleInput_1.default, { onFocusHandler: setInputFocused }));
+                return isProd() ? undefined : (0, jsx_runtime_1.jsx)(searchSimpleInput_1.default, { onFocusHandler: setInputFocused });
             },
         }, isSearchStyles: true, isActivatedTheme: true }));
 };

package/build/components/linkTabs/linkTab/index.js

@@ -14,7 +14,7 @@ const _4k_1 = require("@ludo.ninja/ui/build/utils/4k");
 // Styles
 const StyledLinkTab = styled_components_1.default.span `
   position: relative;
-  color: ${(props) => (props.isActive ? colors_1.BlackColor : colors_1.TextGrayColor)};
+  color: ${(props) => (props.isActive ? colors_1.BlackColor : colors_1.TextDarkGrayColor)};
   cursor: pointer;
   ${(props) => (props.isMobile ? typography_1.FH3 : typography_1.FH2)};
   user-select: none;
@@ -24,7 +24,7 @@ const StyledLinkTab = styled_components_1.default.span `
   .count {
     margin-right: 8px;
     font-weight: 600;
-    color: ${(props) => (props.isActive ? colors_1.AccentColor : colors_1.TextGrayColor)};
+    color: ${(props) => (props.isActive ? colors_1.AccentColor : colors_1.TextDarkGrayColor)};
   }
 
   :before {
@@ -32,7 +32,7 @@ const StyledLinkTab = styled_components_1.default.span `
     position: absolute;
     display: block;
     width: 100%;
-    height: 3px;
+    height: 2px;
     bottom: -4px;
     left: 0;
     background-color: #000;

package/build/layouts/base/LWithSearchHeader/index.js

@@ -7,6 +7,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const Meta_1 = __importDefault(require("../../../components/base/Meta"));
 const headerSearch_1 = __importDefault(require("../../../components/headers/headerSearch"));
 // Component
-const LWithSearchHeader = ({ children }) => ((0, jsx_runtime_1.jsxs)("div", { style: { minHeight: 'var(--app-height)' }, children: [(0, jsx_runtime_1.jsx)(Meta_1.default, {}), (0, jsx_runtime_1.jsx)(headerSearch_1.default, {}), children] }));
+const LWithSearchHeader = ({ children, showXP = true }) => ((0, jsx_runtime_1.jsxs)("div", { style: { minHeight: 'var(--app-height)' }, children: [(0, jsx_runtime_1.jsx)(Meta_1.default, {}), (0, jsx_runtime_1.jsx)(headerSearch_1.default, { showXP: showXP }), children] }));
 // Export
 exports.default = LWithSearchHeader;

package/build/layouts/pageWithLayout.d.ts

@@ -1,8 +1,9 @@
-import type { ReactElement, ReactNode } from 'react';
 import { PageLWithRegularHeader } from './base/LWithRegularHeader/type';
 import { PageLWithSearchHeader } from './base/LWithSearchHeader/type';
+import type { ReactElement, ReactNode } from "react";
 export type PageWithLayoutType = PageLWithRegularHeader | PageLWithSearchHeader;
-export type LayoutProps = ({ children, }: {
+export type LayoutProps = ({ children, showXP }: {
     children: ReactNode;
+    showXP?: boolean;
 }) => ReactElement;
 export default PageWithLayoutType;

package/package.json

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