l-min-components 1.0.216 → 1.0.220

package/package.json

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

package/src/components/header/account-dropdown.jsx

@@ -22,7 +22,7 @@ const AccountDropdown = (props) => {
   const [developerAccountData, setDeveloperAccountData] = useState([]);
   const [instructorAccountData, setInstructorAccountData] = useState([]);
   const [enterpriseAccountData, setEnterpriseAccountData] = useState([]);
-  const [selectedAccount, setSelectedAccount] = useState();
+  // const [selectedAccount, setSelectedAccount] = useState();
   const navigate = useNavigate();
   const { pathname } = useLocation();
   useEffect(() => {}, [pathname]);
@@ -64,52 +64,52 @@ const AccountDropdown = (props) => {
       });
 
       if (pathname?.includes("personal")) {
-        setSelectedAccount(personalArray[0]);
+        props?.setSelectedAccount(personalArray[0]);
       }
       if (window.location.host?.includes("developer")) {
-        setSelectedAccount(developerArray[0]);
+        props?.setSelectedAccount(developerArray[0]);
       }
       if (pathname?.includes("instructor")) {
-        setSelectedAccount(instructorArray[0]);
+        props?.setSelectedAccount(instructorArray[0]);
       }
       if (pathname?.includes("enterprise")) {
-        setSelectedAccount(enterpriseArray[0]);
+        props?.setSelectedAccount(enterpriseArray[0]);
       }
     }
   }, [props?.data?.data]);
   useEffect(() => {
-    if (selectedAccount?.type === "DEVELOPER") {
+    if (props?.selectedAccount?.type === "DEVELOPER") {
       const date = new Date();
       date.setDate(date.getDate() + 28);
       document.cookie =
         "activeDeveloperAccount=" +
-        selectedAccount?.id +
+        props?.selectedAccount?.id +
         `; domain=${
           window.location.href.includes("localhost")
             ? ".localhost"
             : ".learngual.com"
         }; path=/; expires=${date.toUTCString()};`;
     }
-  }, [selectedAccount]);
+  }, [props?.selectedAccount]);
   return (
     <>
       <AccountDropdownLayout>
         <AccountDropdownHeader>
           <div className="img_div">
             <img
-              src={selectedAccount?.profile_photo || props?.avatar}
+              src={props?.selectedAccount?.profile_photo || props?.avatar}
               alt="account photo"
             />
           </div>
           <div>
             <h1>
               {" "}
-              {selectedAccount?.display_name ||
-                selectedAccount?.metadata?.organization_name ||
-                props.activeAccountName}
+              {props?.selectedAccount?.display_name ||
+                props?.selectedAccount?.metadata?.organization_name ||
+                props?.activeAccountName}
             </h1>
             <h2 style={{ textTransform: "capitalize" }}>
-              {selectedAccount?.type || props.activeAccountType}{" "}
+              {props?.selectedAccount?.type || props.activeAccountType}{" "}
             </h2>
           </div>
           <CloseIcon onClick={(e) => props.setIsOpen(!props.isOpen)} />
@@ -124,7 +124,7 @@ const AccountDropdown = (props) => {
                 <div
                   className="account-info"
                   onClick={() => {
-                    setSelectedAccount(personalItem);
+                    props?.setSelectedAccount(personalItem);
                     if (window.location.port) {
                       window.location.href = `${window.location.protocol}//${window.location.hostname}:${window.location.port}/personal`;
                     } else {
@@ -154,7 +154,7 @@ const AccountDropdown = (props) => {
                 <div
                   className="account-info"
                   onClick={() => {
-                    setSelectedAccount(developerItem);
+                    props?.setSelectedAccount(developerItem);
 
                     if (
                       window.location.port &&
@@ -191,7 +191,7 @@ const AccountDropdown = (props) => {
                 <div
                   className="account-info"
                   onClick={() => {
-                    setSelectedAccount(instructorItem);
+                    props?.setSelectedAccount(instructorItem);
                     if (window.location.port) {
                       window.location.href = `${window.location.protocol}//${window.location.hostname}:${window.location.port}/instructor`;
                     } else {
@@ -224,7 +224,7 @@ const AccountDropdown = (props) => {
                 <div
                   className="account-info"
                   onClick={() => {
-                    setSelectedAccount(enterpriseItem);
+                    props?.setSelectedAccount(enterpriseItem);
                     if (window.location.port) {
                       window.location.href = `${window.location.protocol}//${window.location.hostname}:${window.location.port}/enterprise`;
                     } else {

package/src/components/header/index.jsx

@@ -49,13 +49,14 @@ const HeaderComponent = (props) => {
   useEffect(() => {
     setIsOpen(false);
     handleGetUserAccountsDetail();
-    // handleGetUserDetails();
+    handleGetUserDetails();
   }, []);
   useEffect(() => {
     if (userAccountsDetail?.data) {
       setGeneralData((generalData) => ({
         ...generalData,
         accounts: userAccountsDetail?.data,
+        user: userDetails?.data,
       }));
 
       let personalArray = [];
@@ -124,7 +125,12 @@ const HeaderComponent = (props) => {
           </a>
         </li> */}
         <li>
-          <a href="#">
+          <a
+            onClick={() => {
+              window.location.href =
+                "https://developer-staging-01.learngual.com/settings/payment";
+            }}
+          >
             <SettingIcon /> Settings
           </a>
         </li>
@@ -196,6 +202,8 @@ const HeaderComponent = (props) => {
           isOpen={isOpen}
           setIsOpen={setIsOpen}
           data={userAccountsDetail}
+          selectedAccount={selectedAccount}
+          setSelectedAccount={setSelectedAccount}
         />
       )}
     </Navbar>

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

@@ -19,7 +19,7 @@ const SideMenu = ({
   routes,
   userType,
   onLogout = () => {},
-  isOpen = false,
+  isOpen,
   setIsOpen,
 }) => {
   // const [isOpen, setIsOpen] = useState(false);
@@ -38,11 +38,24 @@ const SideMenu = ({
 
     return (
       <NavigationItemContainer
-        to={route.path}
+        onClick={() => {
+          if (
+            window.location.hostname.includes("staging") &&
+            window.location.hostname.includes("developer")
+          ) {
+            window.location.href = `developer-staging-01.learngual.com/${path}`;
+          } else if (window.location.hostname.includes("localhost")) {
+            window.location.href = `http://localhost:${window.location.port}${path}`;
+          } else if (
+            window.location.hostname.includes("developer") &&
+            !window.location.hostname.includes("staging")
+          ) {
+            window.location.href = `developer.learngual.com/${path}`;
+          }
+        }}
+        // to={route.path}
         key={index}
-        className={cx(`${route.text}`, ({ isActive, isPending }) => {
-          isActive ? "active" : "";
-        })}
+        className={cx(`${route.text} ${active ? "active" : ""}`)}
         minimal={isOpen}
       >
         <IconContainer active={active}>{icon}</IconContainer>

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

@@ -39,7 +39,7 @@ export const NavigationContainer = styled.div`
   justify-content: center;
   margin-top: 20px;
 `;
-export const NavigationItemContainer = styled(NavLink)`
+export const NavigationItemContainer = styled.p`
   text-decoration: none;
   display: flex;
   align-items: center;