l-min-components 1.0.283 → 1.0.287

package/package.json

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

package/src/components/AppMainLayout/index.jsx

@@ -16,12 +16,20 @@ import {
 import { leftNavMenu, user, sideMenuOptions } from "../../hooks/leftNavMenu";
 // import SideMenu from "../sideBar/sideMenu";
 
-const AppMainLayout = ({coming}) => {
+const AppMainLayout = () => {
   const [isOpen, setIsOpen] = useState(true);
   const location = useLocation();
   const [rightLayout, setRightLayout] = useState(true);
   const [rightComponent, setRightComponent] = useState();
   const [generalData, setGeneralData] = useState({});
+  const [coming, setComing] = useState();
+  useEffect(() => {
+    if (window.location.host.includes("coming")) {
+      setComing(true);
+    } else {
+      setComing(false);
+    }
+  }, []);
 
   return (
     <OutletContext.Provider
@@ -32,7 +40,7 @@ const AppMainLayout = ({coming}) => {
         <MainLayout coming={coming}>
           <LeftLayout>
             <SideBar routes={leftNavMenu} />
-            {!window.location.host.includes("coming") && (
+            {!coming && (
               <SideMenu
                 user={user}
                 routes={sideMenuOptions}
@@ -46,7 +54,7 @@ const AppMainLayout = ({coming}) => {
             <Outlet />
           </CenterLayout>
 
-          {rightLayout && (
+          {rightLayout && !coming && (
             <RightLayout>{rightComponent ?? <Banner />}</RightLayout>
           )}
         </MainLayout>

package/src/components/header/index.jsx

@@ -113,6 +113,7 @@ const HeaderComponent = (props) => {
       }
       if (
         window.location.host?.includes("developer") ||
+        window.location.host?.includes("coming") ||
         window.location.host?.includes("localhost")
       ) {
         setSelectedAccount(
@@ -179,11 +180,18 @@ const HeaderComponent = (props) => {
         }}
       >
         <li>
-          <a href="#" className="active">
-            <BookIcon /> Learning
+          <a className={"active"}>
+            <BookIcon />{" "}
+            {(window.location.pathname.includes("fun") && "Fun") ||
+              (window.location.pathname.includes("community") && "Community") ||
+              (window.location.pathname.includes("duet") && "Duet") ||
+              (window.location.pathname.includes("speech") && "Speech") ||
+              (window.location.pathname.includes("dictionary") &&
+                "Dictionary") ||
+              "Learning"}
           </a>
         </li>
-        <li>
+        {/* <li>
           <a href="#">
             <PeopleIcon /> Friends
           </a>
@@ -192,7 +200,7 @@ const HeaderComponent = (props) => {
           <a href="#">
             <MessageIcon /> Messages
           </a>
-        </li>
+        </li> */}
         <li>
           <a
             onClick={() => {
@@ -204,11 +212,11 @@ const HeaderComponent = (props) => {
             <SettingIcon /> Settings
           </a>
         </li>
-        <li>
+        {/* <li>
           <a href="#">
             <NotificationIcon /> Notifications
           </a>
-        </li>
+        </li> */}
       </Nav>
 
       <NavGroup