l-min-components 1.0.167 → 1.0.168

package/package.json

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

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

@@ -429,7 +429,8 @@ export const Nav2 = styled.ul`
 export const NavGroup2 = styled.div`
   width: 50%;
   display: flex;
-  justify-content: end;
+  justify-content: flex-end;
+  gap: 70px;
 `;
 
 export const CountryFlagGroup2 = styled.div`
@@ -440,7 +441,7 @@ export const CountryFlagGroup2 = styled.div`
   align-items: center;
   position: relative;
   width: 70px;
-  margin: 0 70px 0 0;
+  margin: 0 0 0 0;
 
   & > svg {
     position: absolute;

package/src/components/header/login-header.jsx

@@ -1,9 +1,10 @@
-import React, { useState, useEffect, useRef } from "react";
+import React, { useState, useEffect, useRef, useCallback } from "react";
 import ReactFlagsSelect from "react-flags-select";
 import logo from "./assets/images/logo.png";
 import { Navbar2, NavGroup2, Nav2, CountryFlagGroup2 } from "./index.styled";
 import { ArrowDownIcon } from "./assets/svg/arrow-down";
 import ButtonComponent from "../button";
+import { useLocation, useNavigate } from "react-router-dom";
 
 /**
  * @param {{
@@ -19,12 +20,16 @@ const HeaderComponentTwo = (props) => {
   const [isOpen, setIsOpen] = useState(false);
   const [searchResultOpen, setSearchResultOpen] = useState(false);
 
-  console.log(selected);
-
+  const navigate = useNavigate();
+  const location = useLocation();
+  console.log(location);
   useEffect(() => {
     setIsOpen(false);
   }, []);
 
+  const goToLogin = useCallback(() => {
+    navigate("/sign-in");
+  }, []);
   return (
     <Navbar2>
       <img src={logo} alt="Learngual logo" />
@@ -55,7 +60,9 @@ const HeaderComponentTwo = (props) => {
           <ArrowDownIcon />
         </CountryFlagGroup2>
 
-        <ButtonComponent type="secondary" text="Log in" />
+        {location.pathname.includes("sign-in") && (
+          <ButtonComponent type="secondary" text="Log in" onClick={goToLogin} />
+        )}
       </NavGroup2>
     </Navbar2>
   );

package/src/components/index.js

@@ -25,4 +25,4 @@ export { default as SelectDropdownGraph } from "./graph";
 export { default as NotificationThresholdComponent } from "./notificationThreshold";
 export { default as DevAPIdocs } from "./developerAPIdocs";
 export { default as Calender } from "./calender/input";
-export { default as ErrorPage } from "./errorPage"
+export { default as ErrorPage } from "./errorPage";