l-min-components 1.0.285 → 1.0.289

package/package.json

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

package/src/components/AppMainLayout/index.jsx

@@ -54,7 +54,7 @@ const AppMainLayout = () => {
             <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

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

@@ -43,7 +43,7 @@ export const NavGroup = styled.div`
     }
     .dropdown_list {
       position: absolute;
-      top: 65px;
+      top: 50px;
       width: fit-content;
       background: white;
       padding: 15px 0;
@@ -103,21 +103,20 @@ export const Nav = styled.ul`
     text-decoration: none;
     display: flex;
     align-items: center;
-    color: #4A4D4D;
+    color: #4a4d4d;
     font-size: 15px;
     font-style: normal;
     font-weight: 600;
-    line-height: normal; 
+    line-height: normal;
     position: relative;
 
-    
     &:hover:after {
       content: "";
       position: absolute;
       left: 0;
       bottom: -9px;
       width: 40px;
-      height: 4px; 
+      height: 4px;
       background-color: rgba(0, 194, 194, 1);
       transition: width 0.3s ease-in-out;
     }
@@ -559,7 +558,7 @@ export const NavGroup2 = styled.div`
     }
     .dropdown_list {
       position: absolute;
-      top: 65px;
+      top: 50px;
       width: fit-content;
       background: white;
       padding: 15px 0;