l-min-components 1.0.949 → 1.0.961

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "l-min-components",
-  "version": "1.0.949",
+  "version": "1.0.961",
   "type": "module",
   "files": [
     "src/assets",

package/src/components/AppMainLayout/index.jsx

@@ -173,7 +173,8 @@ const AppMainLayout = () => {
     "Sorry, you can’t access your account on a mobile browser.",
     "We know it's inconvenient. For better user accessibility, login with a desktop device or via our mobile app.",
     "Download on Google Play",
-    "Download on Apple Store"
+    "Download on Apple Store",
+    "Help",
   ];
 
   const {

package/src/components/dropdown component/dropdown.jsx

@@ -96,7 +96,11 @@ const DropDownComponent = (props) => {
                 props?.inputPlaceHolder || "Select Dropdown"
               }
               type="text"
-              value={props?.valueSelect?.name || selected?.name}
+              value={
+                props?.findText
+                  ? props?.findText(props?.valueSelect?.name || selected?.name)
+                  : props?.valueSelect?.name || selected?.name
+              }
               onChange={(e) => {
                 setSearchParam(e.target.value);
               }}
@@ -106,7 +110,13 @@ const DropDownComponent = (props) => {
           ) : (
             // <p onClick={() => setDropdown(!dropdown)}>
             <p onClick={handleDropdownToggle}>
-              {props?.valueSelect?.name ||
+            {props?.findText
+              ? props?.findText(
+                  props?.valueSelect?.name ||
+                    selected?.name ||
+                    props?.inputPlaceHolder
+                )
+              : props?.valueSelect?.name ||
                 selected?.name ||
                 props?.inputPlaceHolder}
             </p>

package/src/components/header/assets/svg/questionMark.jsx

@@ -0,0 +1,22 @@
+export const QuestionMark = () => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="#4A4D4D"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0_37582_326535)">
+      <path
+        d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 19H11V17H13V19ZM15.07 11.25L14.17 12.17C13.45 12.9 13 13.5 13 15H11V14.5C11 13.4 11.45 12.4 12.17 11.67L13.41 10.41C13.78 10.05 14 9.55 14 9C14 7.9 13.1 7 12 7C10.9 7 10 7.9 10 9H8C8 6.79 9.79 5 12 5C14.21 5 16 6.79 16 9C16 9.88 15.64 10.68 15.07 11.25Z"
+        fill="#fff"
+        // stroke="#4A4D4D"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_37582_326535">
+        <rect width="24" height="24" fill="#4A4D4D" />
+      </clipPath>
+    </defs>
+  </svg>
+);

package/src/components/header/index.jsx

@@ -17,6 +17,7 @@ import {
   SearchInputGroup,
   SearchInput,
   UserProfile,
+  Help
 } from "./index.styled";
 import useHeader from "./getHeaderDetails";
 import { FullPageLoader, OutletContext } from "..";
@@ -26,6 +27,7 @@ import LanguageDropdown from "./languageDropdown";
 import { getCookie } from "./getCookies";
 // import { data } from "../GraphMap/data";
 import { languagesData } from "./languages";
+import { QuestionMark } from "./assets/svg/questionMark";
 
 /**
  * @param {{
@@ -481,7 +483,25 @@ const HeaderComponent = (props) => {
             {props.findText("Notifications")}
           </a>
         </li>
+        <li style={{marginLeft: "20%", cursor: "pointer"}}>
+          <a 
+     onClick={() => {
+      window.location.href =
+        "https://559staging.learngual.com/help-center";
+    }}
+           className={
+              window.location.pathname.includes("help-center") ? "active" : ""
+            }>
+          <QuestionMark /> {props?.findText("Help")}
+          </a>
+        </li>
       </Nav>
+{/* 
+      <Help>
+         <QuestionMark />
+      Help
+
+      </Help> */}
 
       <NavGroup
         onClick={() => {

package/src/components/header/index.styled.js

@@ -214,6 +214,9 @@ export const Nav = styled.ul`
     & svg path {
       stroke: ${({ isActive }) =>
         isActive ? "rgba(0, 194, 194, 1)" : "currentcolor"};
+      fill: ${({ isActive }) =>
+        isActive ? "rgba(0, 194, 194, 1)" : "currentcolor"};
+        
     }
 
     &.disabled {
@@ -843,3 +846,18 @@ export const LanguageDropdownContainer = styled.div`
     }
   }
 `;
+
+
+export const Help = styled.div`
+  display: flex;
+  align-items: center;
+  /* color: #00c2c2; */
+  cursor: pointer;
+  font-size: 15px;
+  font-weight: 600;
+  color: #4a4d4d;
+
+  svg{
+    margin-right: 5px;
+  }
+`