l-min-components 1.0.797 → 1.0.802

package/package.json

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

package/src/components/header/index.jsx

@@ -163,22 +163,27 @@ const HeaderComponent = (props) => {
   // Checking for delete account
   useEffect(() => {
     if (userAccountsDetail?.data) {
-      const validAccounts = userAccountsDetail.data.results.filter(
-        (account) => !account.pending_delete
+      // Filter for only valid developer accounts
+      const validDeveloperAccounts = userAccountsDetail.data?.results.filter(
+        (account) => account?.type === "DEVELOPER" && !account.pending_delete
       );
   
       if (
         generalData?.selectedAccount &&
         generalData?.selectedAccount?.pending_delete
       ) {
-        const nextValidAccount = validAccounts[0];
+        const nextValidAccount = validDeveloperAccounts[0];
         if (nextValidAccount) {
           setSelectedAccount(nextValidAccount);
         }
+        // If there is no valid developer account, do nothing (do not set a new selected account)
       }
     }
   }, [generalData?.selectedAccount, userAccountsDetail?.data]);
   
+
+  console.log("Accounts===", userAccountsDetail?.data?.results)
+  
   const [hasDeveloperAccount, setHasDeveloperAccount] = useState(false);
    // New useEffect to check for a DEVELOPER account
    useEffect(() => {

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

@@ -49,6 +49,10 @@ const SideMenu = ({
     generalData?.selectedAccount?.type === "PERSONAL" &&
     window.location.hostname.includes("staging");
 
+  const isPendingDelete =
+    generalData?.selectedAccount?.pending_delete === true &&
+    window.location.hostname.includes("staging");
+
   useEffect(() => {
     if (userType) {
       setFilteredRoutes(
@@ -327,7 +331,7 @@ const SideMenu = ({
     >
       <UserCard user={user} isOpen={isOpen} />
 
-      {!isPersonal && (
+      {!isPendingDelete && (
         <>
           <NavigationContainer>
             {routeFilter && routeFilter?.map(renderNavigationItem)}

package/src/components/textEditor/style.scss

@@ -6,14 +6,14 @@
 .editor {
   display: flex;
   gap: 13px;
-  
+
   .editor-wrapper {
     width: 100%;
     position: relative;
     background: #e5e5e5;
     border-radius: 15px;
 
-    .emoji_picker{
+    .emoji_picker {
       position: absolute;
       z-index: 1;
       transform: translate(10px, 10px);
@@ -22,20 +22,20 @@
 
       @media only screen and (max-width: 1700px) {
         margin-top: -19%;
-      } 
+      }
       @media only screen and (max-width: 1600px) {
         margin-top: -21%;
-      }  
+      }
       @media only screen and (max-width: 1500px) {
         margin-top: -24%;
-      }     
+      }
     }
 
-    .editor_area{
+    .editor_area {
       background: #fff;
       border-radius: 15px;
 
-      input{
+      input {
         border-radius: 12px;
         background: #fff;
         outline: none;
@@ -47,7 +47,6 @@
         padding-left: 30px;
         border: "none";
         margin-top: 20px;
-  
       }
       .editable {
         border-radius: 25px;
@@ -56,16 +55,15 @@
         // background: #e5e5e5;
         min-height: 193px;
       }
-
     }
-    
-    .bottom{
+
+    .bottom {
       display: flex;
       justify-content: center;
       align-items: center;
       width: 80%;
 
-      .emoji_button{
+      .emoji_button {
         background-color: white;
         border: none;
         cursor: pointer;
@@ -74,183 +72,174 @@
         margin-right: 20px;
         border-radius: 50%;
         // opacity: 0.6;
-       
-        
       }
 
-      .emoji_button_active{
+      .emoji_button_active {
         background-color: #fff;
-        color: #00C2C2;
+        color: #00c2c2;
         border: none;
         cursor: pointer;
         padding: 3px;
         margin-top: 6px;
         margin-right: 20px;
         // border-radius: 50%;
-        svg path{
-          stroke: #00C2C2;
+        svg path {
+          stroke: #00c2c2;
         }
         // border-radius: 20px;
-
-       
-
       }
 
-
-      & > button{
+      & > button {
         @media only screen and (max-width: 1400px) {
           font-size: 17px !important;
           font-weight: 700;
-        }   
+        }
         @media only screen and (max-width: 1366px) {
           font-size: 15px !important;
           font-weight: 600;
-        }   
+        }
       }
 
-    .tool-bar {
-      display: flex;
-      margin: auto;
-      margin-top: 16px;
-      margin-right: 20px;
-      padding: 16px;
-      background: #fff;
-      border: 0px solid c.$neutral-20;
-      border-radius: 12px;
-      width: 70%;
-      height: 60px;
-      // gap: 5px;
-
-      
+      .tool-bar {
+        display: flex;
+        margin: auto;
+        margin-top: 16px;
+        margin-right: 20px;
+        padding: 16px;
+        background: #fff;
+        border: 0px solid c.$neutral-20;
+        border-radius: 12px;
+        width: 70%;
+        height: 60px;
+        // gap: 5px;
 
-      .list {
-        display: grid;
-        // grid-template-columns: 1fr 1fr;
-        gap: 2px;
-        & > div {
+        align-items: center;
+        .list {
           display: grid;
-          cursor: pointer;
-        }
-        .active{
-          color: #00C2C2;
-          svg path{
-            // stroke: #00C2C2;
-            stroke: #00C2C2;
+          // grid-template-columns: 1fr 1fr;
+          gap: 2px;
+          & > div {
+            display: grid;
+            cursor: pointer;
+          }
+          .active {
+            color: #00c2c2;
+            svg path {
+              // stroke: #00C2C2;
+              stroke: #00c2c2;
+            }
           }
         }
-      }
 
-      .active{
-        opacity: 1;
-      }
+        .active {
+          opacity: 1;
+        }
 
-      .font {
-        .font-dd {
-          div {
-            border-width: 0px;
-            min-width: 215px;
-          }
-          p {
-            margin-right: 25px;
-            font-weight: 700;
+        .font {
+          .font-dd {
+            div {
+              border-width: 0px;
+              min-width: 215px;
+            }
+            p {
+              margin-right: 25px;
+              font-weight: 700;
+            }
           }
         }
-      }
-      .font-size {
-        .sizes {
-          div {
-            border-width: 0px;
-            // z-index: 999;
-            .iVkqGn{
-              padding: 11px 10px;
+        .font-size {
+          .sizes {
+            div {
+              border-width: 0px;
+              // z-index: 999;
+              .iVkqGn {
+                padding: 11px 10px;
+              }
+            }
+            p {
+              margin-right: 25px;
+              font-weight: 700;
             }
-          }
-          p {
-            margin-right: 25px;
-            font-weight: 700;
           }
         }
-      }
-      align-items: center;
-      & > div {
-        border-right: 1px solid c.$neutral-10;
-        padding: 0 6px;
-      }
-      .font-style {
-        display: flex;
-        gap: 5px;
         & > div {
-          display: grid;
-          cursor: pointer;
-          // svg{
-          //   fill: #00C2C2;
-          // }
+          border-right: 1px solid c.$neutral-10;
+          padding: 0 6px;
         }
+        .font-style {
+          display: flex;
+          gap: 5px;
+          & > div {
+            display: grid;
+            cursor: pointer;
+            // svg{
+            //   fill: #00C2C2;
+            // }
+          }
 
-        .active{
-          color: #00C2C2;
-          svg path{
-            // fill: #00C2C2;
-            stroke: #00C2C2;
+          .active {
+            color: #00c2c2;
+            svg path {
+              // fill: #00C2C2;
+              stroke: #00c2c2;
+            }
           }
         }
-      }
-      .color-box {
-        .wrap {
-          position: relative;
-          cursor: pointer;
-          display: flex;
-          align-items: center;
-          gap: 7px;
-          input {
-            position: absolute;
-            pointer-events: none;
-            opacity: 0;
-          }
-          .indicator {
-            width: 24px;
-            height: 24px;
-            border-radius: 50%;
+        .color-box {
+          .wrap {
+            position: relative;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            gap: 7px;
+            input {
+              position: absolute;
+              pointer-events: none;
+              opacity: 0;
+            }
+            .indicator {
+              width: 24px;
+              height: 24px;
+              border-radius: 50%;
+            }
           }
         }
-      }
-      .alignments {
-        display: grid;
-        grid-template-columns: 1fr 1fr 1fr;
-        gap: 16px;
-        cursor: pointer;
-        & > div {
+        .alignments {
           display: grid;
-        }
-        .active{
-          color: #00C2C2;
-          svg path{
-            // fill: #00C2C2;
-            stroke: #00C2C2;
+          grid-template-columns: 1fr 1fr 1fr;
+          gap: 16px;
+          cursor: pointer;
+          & > div {
+            display: grid;
+          }
+          .active {
+            color: #00c2c2;
+            svg path {
+              // fill: #00C2C2;
+              stroke: #00c2c2;
+            }
           }
         }
-        
       }
     }
-  }
-  .options {
-    min-width: 40px;
-    display: grid;
-    align-content: start;
-    gap: 20px;
-    span {
-      width: 40px;
-      height: 40px;
-      border-radius: 50%;
+    .options {
+      min-width: 40px;
       display: grid;
-      align-content: center;
-      justify-items: center;
-      background-color: c.$error;
-      cursor: pointer;
-      &:nth-of-type(1) {
-        background-color: c.$primary-color-main;
+      align-content: start;
+      gap: 20px;
+      span {
+        width: 40px;
+        height: 40px;
+        border-radius: 50%;
+        display: grid;
+        align-content: center;
+        justify-items: center;
+        background-color: c.$error;
+        cursor: pointer;
+        &:nth-of-type(1) {
+          background-color: c.$primary-color-main;
+        }
       }
     }
   }
 }
-}