l-min-components 1.0.377 → 1.0.379

package/package.json

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

package/src/components/AppMainLayout/index.jsx

@@ -58,12 +58,12 @@ const AppMainLayout = () => {
       const cookie = cookies[i].trim();
       if (cookie.startsWith(cookieName + "=")) {
         cookieValue = cookie.substring(cookieName.length + 1);
-        setDefaultAcct(cookieValue)
+        setDefaultAcct(cookieValue);
         break;
       }
     }
   }, [defaultAcct]);
-  
+
   return (
     <OutletContext.Provider
       value={{
@@ -85,7 +85,8 @@ const AppMainLayout = () => {
         setSelectedCourseId,
         centerLayoutStyle,
         setCenterLayoutStyle,
-        setAffiliatesActive
+        // return true if instructor affiliates is Active
+        affiliatesActive,
       }}
     >
       <Layout
@@ -123,8 +124,8 @@ const AppMainLayout = () => {
           </LeftLayout>
           <CenterLayout isOpen={isOpen} style={centerLayoutStyle}>
             {window.location.pathname.includes("instructor") && (
-              <InstructorAccountSwitcher />
-            )}  
+              <InstructorAccountSwitcher setAccountType={setAffiliatesActive} />
+            )}
             <Outlet />
           </CenterLayout>
 

package/src/components/instructorAccountSwitcher/index.jsx

@@ -23,25 +23,26 @@ const InstructorAccountSwitcher = ({ setAccountType }) => {
   ];
 
   const handleSwitch = (value) => {
+    window.location.href = "/instructor/dashboard";
     if (value === 2) {
       setSwitchValue("affiliates");
       localStorage.setItem("affiliates", true);
     } else {
-      setSwitchValue("instructor");
+      setSwitchValue(false);
       localStorage.removeItem("affiliates");
     }
   };
   useEffect(() => {
-    const value = JSON.stringify(localStorage.getItem("affiliates"));
+    const value = JSON.parse(localStorage.getItem("affiliates"));
     if (value) {
       setSwitchValue("affiliates");
     } else {
-      setSwitchValue("instructor");
+      setSwitchValue(null);
     }
   }, []);
 
   useEffect(() => {
-    const value = JSON.stringify(localStorage.getItem("affiliates"));
+    const value = JSON.parse(localStorage.getItem("affiliates"));
     if (value) {
       setAccountType && setAccountType(switchValue);
     } else {

package/src/components/messageAddon/messages/index.styled.js

@@ -1,7 +1,7 @@
 import styled from "styled-components";
 
 export const MessagesWrapper = styled.div`
-  position: absolute;
+  position: fixed;
   width: 570px;
   /* height: 300px; */
   /* height: 40vh; */
@@ -18,11 +18,11 @@ export const MessagesWrapper = styled.div`
     align-items: center;
     background-color: rgba(0, 194, 194, 1);
     justify-content: space-between;
-    padding: 16px 20px; 
+    padding: 16px 20px;
     color: #ffffff;
 
     p {
-      color: var(--white, #FFF);
+      color: var(--white, #fff);
       font-family: Nunito;
       font-size: 20px;
       font-style: normal;
@@ -59,7 +59,6 @@ export const MessagesContainer = styled.div`
   background-color: #ffffff;
   border-radius: 30px;
   height: ${({ isFullHeight }) => (isFullHeight ? "" : "0px")};
-  
 
   h1 {
     margin-top: 0px;
@@ -446,12 +445,12 @@ export const CardContainer = styled.div`
   flex-direction: column;
   height: 65vh;
 
-  .input{
-    border-top: 1px solid var(--Neutral-20, #DFE5E5); 
+  .input {
+    border-top: 1px solid var(--Neutral-20, #dfe5e5);
   }
 
   .friend-header-section {
-    background: #E5F9F9; 
+    background: #e5f9f9;
     border-radius: 20px;
     padding: 10px;
     display: flex;
@@ -535,38 +534,38 @@ export const CardContainer = styled.div`
           margin-bottom: 4px;
           width: 100%;
         }
-        .friend_cont{
+        .friend_cont {
           display: flex;
           /* justify-content: space-between; */
 
-        .friend-tag {
-          border-radius: 6px;
-          background: rgba(212, 48, 206, 0.12);
-          color: #636666;
-          font-size: 12px;
-          align-items: center;
-          padding: 0px 5px;
-          display: flex;
-          justify-content: center;
-          margin-top: auto;
-          font-weight: 400;
-
-          svg {
-            margin-right: 3px;
+          .friend-tag {
+            border-radius: 6px;
+            background: rgba(212, 48, 206, 0.12);
+            color: #636666;
+            font-size: 12px;
+            align-items: center;
+            padding: 0px 5px;
+            display: flex;
+            justify-content: center;
+            margin-top: auto;
+            font-weight: 400;
+
+            svg {
+              margin-right: 3px;
+            }
           }
-        }
 
-        p{
-          color: var(--Neutral-70, #636666);
-          font-family: Nunito;
-          font-size: 14px;
-          font-style: normal;
-          font-weight: 500;
-          line-height: normal;
-          letter-spacing: 0.28px;
-          margin-left: 10px;
+          p {
+            color: var(--Neutral-70, #636666);
+            font-family: Nunito;
+            font-size: 14px;
+            font-style: normal;
+            font-weight: 500;
+            line-height: normal;
+            letter-spacing: 0.28px;
+            margin-left: 10px;
+          }
         }
-      }
 
         .instructor-tag {
           background: rgba(212, 48, 206, 0.12);