l-min-components 1.0.366 → 1.0.370

package/package.json

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

package/src/components/AppMainLayout/index.jsx

@@ -38,6 +38,7 @@ const AppMainLayout = () => {
   const [sideMenuLayout, setSideMenuLayout] = useState(true);
   const [defaultAcct, setDefaultAcct] = useState("");
   const [centerLayoutStyle, setCenterLayoutStyle] = useState({});
+  const [affiliatesActive, setAffiliatesActive] = useState(false);
 
   useEffect(() => {
     if (window.location.host.includes("coming")) {
@@ -82,7 +83,8 @@ const AppMainLayout = () => {
         selectedCourseId,
         setSelectedCourseId,
         centerLayoutStyle,
-        setCenterLayoutStyle
+        setCenterLayoutStyle,
+        setAffiliatesActive
       }}
     >
       <Layout
@@ -99,6 +101,7 @@ const AppMainLayout = () => {
                   <SideMenu
                     user={user}
                     routes={sideMenuOptions}
+                    affiliatesActive={affiliatesActive}
                     userType={
                       window.location.pathname.includes("enterprise")
                         ? "enterprise"

package/src/components/index.js

@@ -31,3 +31,4 @@ export { OutletContext as OutletContext } from "./AppMainLayout";
 export { default as DatePickerCalender } from "./datePicker";
 export { default as TextEditor } from "./textEditor";
 export { default as MessageAddon } from "./messageAddon/messages";
+export { default as InstructorAccountSwitcher } from "./instructorAccountSwitcher";

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

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
 import PropTypes from "prop-types";
 import {
   SideMenuContainer,
@@ -21,18 +21,35 @@ const SideMenu = ({
   onLogout = () => {},
   isOpen,
   setIsOpen,
+  affiliatesActive,
 }) => {
   // const [isOpen, setIsOpen] = useState(false);
   const onToggle = () => {
     setIsOpen(!isOpen);
   };
 
+  // Normal route filter
   const filteredRoutes = routes.find(
     (route) => route.userType === userType
   )?.routes;
+  const [routeFilter, setRouteFilter] = useState(filteredRoutes);
+
+  // filter route to remove contract
+  const affiliatesFilteredRoute = filteredRoutes?.filter(
+    (route) => !route.affiliates
+  );
+
+  console.log("filteredRoutes", routeFilter, affiliatesActive);
+  useEffect(() => {
+    if (!affiliatesActive) {
+      setRouteFilter(affiliatesFilteredRoute);
+    } else {
+      setRouteFilter(filteredRoutes);
+    }
+  }, [affiliatesActive]);
 
   const renderNavigationItem = (route, index) => {
-    const { icon, iconActive, text, notifications, path } = route;
+    const { icon, iconActive, text, notifications, path, affiliates } = route;
     const handlePathCheck = () => {
       let statusText;
       console.log(window.location.pathname, "pathname");
@@ -245,7 +262,7 @@ const SideMenu = ({
       <UserCard user={user} isOpen={isOpen} />
 
       <NavigationContainer>
-        {filteredRoutes && filteredRoutes.map(renderNavigationItem)}
+        {routeFilter && routeFilter?.map(renderNavigationItem)}
       </NavigationContainer>
 
       <LogoutButtonContainer onClick={onLogout}>

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

@@ -51,8 +51,32 @@ const UserCard = ({ user, isOpen }) => {
           <Avatar
             src={organizationName?.profile_photo?.url || avatar}
             isOpen={isOpen}
+            onClick={() => {
+              if (window.location.pathname.includes("personal")) {
+                window.location.href = `${window.location.protocol}//${window.location.hostname}/personal/profile`;
+              }
+              if (window.location.pathname.includes("enterprise")) {
+                window.location.href = `${window.location.protocol}//${window.location.hostname}/enterprise/profile`;
+              }
+              if (window.location.pathname.includes("instructor")) {
+                window.location.href = `${window.location.protocol}//${window.location.hostname}/instructor/profile`;
+              }
+            }}
           />
-          <UserDetail isOpen={isOpen}>
+          <UserDetail
+            isOpen={isOpen}
+            onClick={() => {
+              if (window.location.pathname.includes("personal")) {
+                window.location.href = `${window.location.protocol}//${window.location.hostname}/personal/profile`;
+              }
+              if (window.location.pathname.includes("enterprise")) {
+                window.location.href = `${window.location.protocol}//${window.location.hostname}/enterprise/profile`;
+              }
+              if (window.location.pathname.includes("instructor")) {
+                window.location.href = `${window.location.protocol}//${window.location.hostname}/instructor/profile`;
+              }
+            }}
+          >
             <UserName>Hello</UserName>
             <Handle
               style={{

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

@@ -15,7 +15,7 @@ export const UserDetail = styled.div`
   flex-direction: column;
   gap: 5px;
   align-items: center;
-
+  cursor: pointer;
 `;
 
 export const Avatar = styled.img`
@@ -23,6 +23,7 @@ export const Avatar = styled.img`
   width: ${({ isOpen }) => (isOpen ? "47px" : "28px")};
   height: ${({ isOpen }) => (isOpen ? "47px" : "28px")};
   border-radius: 50%;
+  cursor: pointer;
 `;
 
 export const UserName = styled.div`

package/src/hooks/leftNavMenu.jsx

@@ -206,6 +206,7 @@ export const sideMenuOptions = [
         icon: <DocumentIcon />,
         iconActive: <DocumentIconActive />,
         text: "Contracts",
+        affiliates: true,
       },
       {
         path: "/instructor/file-manager",