l-min-components 1.0.964 → 1.0.976

package/package.json

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

package/src/components/header/index.jsx

@@ -17,7 +17,7 @@ import {
   SearchInputGroup,
   SearchInput,
   UserProfile,
-  Help
+  Help,
 } from "./index.styled";
 import useHeader from "./getHeaderDetails";
 import { FullPageLoader, OutletContext } from "..";
@@ -62,14 +62,11 @@ const HeaderComponent = (props) => {
     retrieveUserDetailsData,
     handleRetrieveUserDetails,
     updateUserAccountData,
-    handleUpdateUserAccount
+    handleUpdateUserAccount,
   } = useHeader();
   const { pathname } = useLocation();
-  const {
-    setGeneralData,
-    generalData,
-    notificationMarkReadData,
-  } = useContext(OutletContext);
+  const { setGeneralData, generalData, notificationMarkReadData } =
+    useContext(OutletContext);
   const [selectedAccount, setSelectedAccount] = useState();
   const { setDefaultAccount, handleSetDefaultAccount } = useHeader();
 
@@ -81,7 +78,6 @@ const HeaderComponent = (props) => {
     handleGetUnreadNotification();
   }, []);
 
-
   // Merge the notification_count into the results data using find
 
   const allUserAccountsDetail = userAccountsDetail?.data?.results.map(
@@ -263,6 +259,11 @@ const HeaderComponent = (props) => {
             : ".learngual.com"
         }; path=/; expires=${date.toUTCString()};`;
 
+      localStorage.setItem(
+        "defaultLang",
+        JSON?.stringify(getDefaultAccount?.data?.language)
+      );
+
       setSelectedAccount(getDefaultAccount?.data);
     }
   }, [getDefaultAccount?.data]);
@@ -373,7 +374,7 @@ const HeaderComponent = (props) => {
     websocket2.addEventListener("message", handler, { passive: true });
 
     return () => {
-    websocket2.removeEventListener("message", handler);
+      websocket2.removeEventListener("message", handler);
       //console.log("room websocket closed");
     };
   }, []);
@@ -391,25 +392,24 @@ const HeaderComponent = (props) => {
   const isPendingDelete =
     generalData?.selectedAccount?.pending_delete === true &&
     window.location.hostname.includes("staging");
-     
-    
-  const [currentFlag, setCurrentFlag] = useState(usFlag)
+
+  const [currentFlag, setCurrentFlag] = useState(usFlag);
   const value = JSON?.parse(localStorage?.getItem("defaultLang"));
   const currentFlagIcon = value?.flag;
-  const selectedLanguage = languagesData?.find((lang) => lang?.slug === props?.defaultLang);
-    
+  const selectedLanguage = languagesData?.find(
+    (lang) => lang?.slug === props?.defaultLang
+  );
+
   useEffect(() => {
-    if(currentFlagIcon) {
-      setCurrentFlag(currentFlagIcon)
+    if (currentFlagIcon) {
+      setCurrentFlag(currentFlagIcon);
     } else {
-      setCurrentFlag(usFlag)
+      setCurrentFlag(usFlag);
     }
-  }, [])
-  
+  }, []);
 
   return (
     <Navbar>
-
       <img src={logo} alt="Learngual logo" />
       <Nav
         onClick={() => {
@@ -483,20 +483,21 @@ 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={
+        <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")}
+            }
+          >
+            <QuestionMark /> {props?.findText("Help")}
           </a>
         </li>
       </Nav>
-{/* 
+      {/* 
       <Help>
          <QuestionMark />
       Help
@@ -539,7 +540,7 @@ const HeaderComponent = (props) => {
               setIsOpen();
             }}
           >
-            <img src={ currentFlag || usFlag} alt="" />
+            <img src={currentFlag || usFlag} alt="" />
             <ArrowDownIcon />
           </div>
           {languageDropdown && (

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

@@ -214,8 +214,8 @@ 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"};
+      /* fill: ${({ isActive }) =>
+        isActive ? "rgba(0, 194, 194, 1)" : "currentcolor"}; */
         
     }
 

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

@@ -1,11 +1,6 @@
-import React, {
-  useState,
-  useEffect,
-  useRef,
-  useCallback,
-} from "react";
+import React, { useState, useEffect, useRef, useCallback } from "react";
 import logo from "./assets/images/logo.png";
-import { Navbar2, NavGroup2, } from "./index.styled";
+import { Navbar2, NavGroup2 } from "./index.styled";
 import { ArrowDownIcon } from "./assets/svg/arrow-down";
 import ButtonComponent from "../button";
 import { useLocation, useNavigate } from "react-router-dom";
@@ -23,7 +18,6 @@ import { FullPageLoader } from "..";
  *
  */
 const HeaderComponentTwo = (props) => {
-
   const [selected, setSelected] = useState("ES");
   const [isOpen, setIsOpen] = useState(false);
   const [searchResultOpen, setSearchResultOpen] = useState(false);
@@ -83,8 +77,8 @@ const HeaderComponentTwo = (props) => {
     setLanguageDropdown();
     props.setDefaultLang(item?.slug);
     item?.slug === props.defaultLang
-      ? props.setIsTranslationsLoading(false)
-      : props.setIsTranslationsLoading(true);
+      ? props?.setIsTranslationsLoading(false)
+      : props?.setIsTranslationsLoading(true);
     localStorage.setItem("defaultLang", JSON?.stringify(item));
     window.location.reload();
   };
@@ -125,10 +119,7 @@ const HeaderComponentTwo = (props) => {
           {languageDropdown && (
             <ul className="dropdown_list" ref={containerRef}>
               {languagesData?.map((item, idx) => (
-                <li
-                  key={idx}
-                  onClick={() => handleLanguageChange(item)}
-                >
+                <li key={idx} onClick={() => handleLanguageChange(item)}>
                   <img src={item?.flag} alt="" /> <span>{item?.name}</span>
                 </li>
               ))}

package/src/components/sideBar/sideMenu/index.jsx

@@ -49,7 +49,7 @@ const SideMenu = ({
     generalData?.selectedAccount?.type === "PERSONAL" &&
     window.location.hostname.includes("staging");
 
-    // When pending delete and on staging
+  // When pending delete and on staging
   const isPendingDelete =
     generalData?.selectedAccount?.pending_delete === true &&
     window.location.hostname.includes("staging");
@@ -346,7 +346,7 @@ const SideMenu = ({
         <IconContainer>{/* <CiLogout /> */}</IconContainer>
         {/* <TextContainer minimal={isOpen}>Log out</TextContainer> */}
       </LogoutButtonContainer>
-      <div className="toggle" onClick={onToggle}>
+      <div className="toggle" onClick={onToggle} style={{ cursor: "pointer" }}>
         {isOpen ? <IoIosArrowBack /> : <IoIosArrowForward />}
       </div>
     </SideMenuContainer>

package/src/hooks/useTranslation.jsx

@@ -38,6 +38,9 @@ const useTranslation = (initialSentences = []) => {
         params: {
           _account: "",
         },
+        headers: {
+          Authorization: "",
+        },
       });
     } catch (err) {
       console.log(err);