l-min-components 0.6.0 → 0.8.0

package/package.json

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

package/src/components/banner/index.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 import {
   AbsoluteSVG,
   ArrowIcon,

package/src/components/button/index.jsx

@@ -1,4 +1,4 @@
-import { useCallback, CSSProperties } from "react";
+import React, { useCallback, CSSProperties } from "react";
 import styled from "styled-components";
 /**
  * @param {{

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

@@ -1,16 +1,10 @@
-import { useState, useEffect, useRef } from "react";
+import React, { useState, useEffect, useRef } from "react";
 import ReactFlagsSelect from "react-flags-select";
 import logo from "./assets/images/logo.png";
-import {
-  Navbar2,
-  NavGroup2,
-  Nav2,
-  CountryFlagGroup2,
-} from "./index.styled";
+import { Navbar2, NavGroup2, Nav2, CountryFlagGroup2 } from "./index.styled";
 import { ArrowDownIcon } from "./assets/svg/arrow-down";
 import ButtonComponent from "../button";
 
-
 /**
  * @param {{
  *  type: string,
@@ -61,10 +55,9 @@ const HeaderComponentTwo = (props) => {
           <ArrowDownIcon />
         </CountryFlagGroup2>
 
-        <ButtonComponent type="secondary" text="Log in"/>
+        <ButtonComponent type="secondary" text="Log in" />
       </NavGroup2>
     </Navbar2>
-    
   );
 };
 

package/src/components/index.js

@@ -1,2 +1,2 @@
-import React from "react";
-export { default as header } from "./header/index";
+export { default as Header } from "./header/index";
+export { default as LoginHeader } from "./header/login-header";

package/src/components/sideNav/index.jsx

@@ -1,8 +1,14 @@
 import React from "react";
-import { Icon, NavItem, NavItems, NavLinkStyled, NavWrapper, IconContainer } from "./styles";
+import {
+  Icon,
+  NavItem,
+  NavItems,
+  NavLinkStyled,
+  NavWrapper,
+  IconContainer,
+} from "./styles";
 import { CiLogout } from "react-icons/ci";
-import { HiOutlineLogout } from "react-icons/hi"
-
+import { HiOutlineLogout } from "react-icons/hi";
 
 const SideBar = ({ routes }) => {
   return (
@@ -18,9 +24,9 @@ const SideBar = ({ routes }) => {
         ))}
       </NavItems>
       <IconContainer>
-          <HiOutlineLogout/>
-          <p>Sign Out</p>
-        </IconContainer>
+        <HiOutlineLogout />
+        <p>Sign Out</p>
+      </IconContainer>
     </NavWrapper>
   );
 };