l-min-components 1.0.761 → 1.0.765

package/package.json

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

package/src/components/AppMainLayout/index.jsx

@@ -153,7 +153,7 @@ const AppMainLayout = () => {
   const currentPlan = userPlanData?.data?.current_plan;
   const planState = userPlanData?.data?.state;
 
-  const { textSchema, setDefaultLang, findText } = useTranslation();
+  const { textSchema, setDefaultLang, defaultLang, findText } = useTranslation();
   // console.log(findText());
   return (
     textSchema && (
@@ -161,6 +161,7 @@ const AppMainLayout = () => {
         value={{
           textSchema,
           findText,
+          defaultLang,
           setDefaultLang,
           setRightComponent,
           setRightLayout,

package/src/components/header/index.jsx

@@ -61,7 +61,7 @@ const HeaderComponent = (props) => {
     handleGetNotification,
   } = useHeader();
   const { pathname } = useLocation();
-  const { setGeneralData, generalData, notificationMarkReadData, findText } =
+  const { setGeneralData, generalData, notificationMarkReadData, findText, defaultLang } =
     useContext(OutletContext);
   const [selectedAccount, setSelectedAccount] = useState();
   const { setDefaultAccount, handleSetDefaultAccount } = useHeader();
@@ -365,7 +365,7 @@ const HeaderComponent = (props) => {
   }, [notificationMarkReadData?.response]);
   const value = JSON?.parse(localStorage.getItem("defaultLang"));
   const currentFlag = value?.flag;
-  
+console.log("defaultLang", defaultLang)
   return (
     <Navbar>
       <img src={logo} alt="Learngual logo" />

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

@@ -1,4 +1,10 @@
-import React, { useState, useEffect, useRef, useCallback, useContext } from "react";
+import React, {
+  useState,
+  useEffect,
+  useRef,
+  useCallback,
+  useContext,
+} from "react";
 import ReactFlagsSelect from "react-flags-select";
 import logo from "./assets/images/logo.png";
 import { Navbar2, NavGroup2, Nav2, CountryFlagGroup2 } from "./index.styled";
@@ -8,6 +14,7 @@ import { useLocation, useNavigate } from "react-router-dom";
 import usFlag from "../../assets/images/usFlag.png";
 import koreanFlag from "../../assets/images/koreaFlag.png";
 import { OutletContext } from "..";
+import useTranslation from "../../hooks/useTranslation";
 
 /**
  * @param {{
@@ -19,8 +26,8 @@ import { OutletContext } from "..";
  *
  */
 const HeaderComponentTwo = (props) => {
-  const { setGeneralData, generalData, setDefaultLang, findText } =
-  useContext(OutletContext);
+  const { textSchema, setDefaultLang, defaultLang, findText } = useTranslation();
+
   const [selected, setSelected] = useState("ES");
   const [isOpen, setIsOpen] = useState(false);
   const [searchResultOpen, setSearchResultOpen] = useState(false);
@@ -30,7 +37,6 @@ const HeaderComponentTwo = (props) => {
 
   const navigate = useNavigate();
   const location = useLocation();
-  // console.log(location);
   useEffect(() => {
     setIsOpen(false);
   }, []);

package/src/hooks/useTranslation.jsx

@@ -2,10 +2,10 @@ import React, { useCallback, useEffect, useState } from "react";
 import loadTranslations from "./utils/translation";
 
 const useTranslation = () => {
-  const value = localStorage.getItem("defaultLang");
+  const value = JSON?.parse(localStorage.getItem("defaultLang"));
   const [textSchema, setTextSchema] = useState(null);
 
-  const [defaultLang, setDefaultLang] = useState(value || "en");
+  const [defaultLang, setDefaultLang] = useState(value?.slug || "en");
   const findText = useCallback((str) => textSchema[str] ?? str, [textSchema]);
 
   useEffect(() => {