l-min-components 1.0.979 → 1.0.984

package/package.json

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

package/src/components/AppMainLayout/index.jsx

@@ -172,8 +172,8 @@ const AppMainLayout = () => {
     "Sign in",
     "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 google play",
+    "Download on apple store",
     "Help",
   ];
 

package/src/components/header/index.jsx

@@ -259,9 +259,7 @@ const HeaderComponent = (props) => {
             : ".learngual.com"
         }; path=/; expires=${date.toUTCString()};`;
 
-      localStorage.setItem(
-        "defaultLang", (getDefaultAccount?.data?.language)
-      );
+      localStorage.setItem("defaultLang", getDefaultAccount?.data?.language);
 
       setSelectedAccount(getDefaultAccount?.data);
     }
@@ -394,7 +392,6 @@ const HeaderComponent = (props) => {
 
   const value = localStorage.getItem("defaultLang");
 
-
   return (
     <Navbar>
       <img src={logo} alt="Learngual logo" />

package/src/components/mobileLayout/index.jsx

@@ -28,10 +28,10 @@ const MobileLayout = (props) => {
 
         <div className="mlc_link_section">
           <a href="#">
-            <img src={play} alt="play store" /> {props?.findText("Download on Google Play")}
+            <img src={play} alt="play store" /> {props?.findText("Download on google play")}
           </a>
           <a href="#">
-            <img src={apple} alt="apple store" /> {props?.findText("Download on Apple Store")}
+            <img src={apple} alt="apple store" /> {props?.findText("Download on apple store")}
           </a>
         </div>
       </div>

package/src/hooks/useTranslation.jsx

@@ -1,13 +1,21 @@
-import React, { useCallback, useEffect, useState } from "react";
+import React, { useCallback, useContext, useEffect, useState } from "react";
 import useAxios from "axios-hooks";
 
 const useTranslation = (initialSentences = []) => {
   const value = localStorage?.getItem("defaultLang");
 
+  useEffect(() => {
+    if (value) {
+      console.log("====================================");
+      console.log(value, "bfr");
+      console.log("====================================");
+      setDefaultLang(value);
+    }
+  }, [value]);
+
   const [defaultLang, setDefaultLang] = useState(value ?? "en");
   const [translations, setTranslations] = useState({}); // returned translation from backend
-  const [isTranslationsLoading, setIsTranslationsLoading] = useState(true)
-
+  const [isTranslationsLoading, setIsTranslationsLoading] = useState(true);
 
   const findText = useCallback(
     (word, kwargs = {}) => {
@@ -47,9 +55,8 @@ const useTranslation = (initialSentences = []) => {
     }
   };
 
-
   useEffect(() => {
-      handleTranslate(defaultLang, initialSentences);
+    handleTranslate(defaultLang, initialSentences);
   }, [defaultLang]);
 
   useEffect(() => {
@@ -66,13 +73,11 @@ const useTranslation = (initialSentences = []) => {
   }, [translateData?.data]);
 
   useEffect(() => {
-
-    if(Object.keys(translations)?.length > 0){
-        setIsTranslationsLoading(false)
-      }
-  }, [translations])
-  console.log("translateData", translateData)
-
+    if (Object.keys(translations)?.length > 0) {
+      setIsTranslationsLoading(false);
+    }
+  }, [translations]);
+  console.log("translateData", translateData);
 
   return {
     defaultLang,
@@ -82,7 +87,7 @@ const useTranslation = (initialSentences = []) => {
     translations,
     findText,
     isTranslationsLoading,
-    setIsTranslationsLoading
+    setIsTranslationsLoading,
   };
 };