l-min-components 1.7.1360 → 1.7.1362

package/package.json

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

package/src/components/AppMainLayout/index.jsx

@@ -31,7 +31,9 @@ import {
 import InstructorAccountSwitcher from "../instructorAccountSwitcher";
 // import SideMenu from "../sideBar/sideMenu";
 import InstructorRightBar from "../fileRightBar/instructorRightBar2";
-import EnterpriseRightBar from "../fileRightBar/enterpriseRightBar";
+import EnterpriseRightBar, {
+  FallbackRightBar,
+} from "../fileRightBar/enterpriseRightBar";
 import useHeader from "../header/getHeaderDetails";
 import GracePeriod from "../deactivated";
 import MobileLayout from "../mobileLayout";
@@ -505,10 +507,9 @@ const AppMainLayout = ({ children }) => {
                       ) : activeAccountType === "developer" ? (
                         <DeveloperBanner findText={findText} />
                       ) : (
-                        <DeveloperBanner findText={findText} />
+                        <FallbackRightBar />
                       ))}
                     {/* {rightComponent ?? <Banner />} */}
-                    <button onClick={handleGetStorageSummary}>refresh</button>
                   </RightLayout>
                 )}
               </MainLayout>

package/src/components/fileRightBar/enterpriseRightBar/index.jsx

@@ -280,4 +280,13 @@ const EmptyCourse = styled.div`
     font-size: 12px;
   }
 `;
+
+export const FallbackRightBar = styled.div`
+  background: #fff;
+  width: 232px;
+  max-width: 232px;
+
+  border-radius: 30px;
+  height: 625px;
+`;
 export default EnterpriseRightBar;

package/src/components/fileRightBar/instructorRightBar2/messageSection.jsx

@@ -9,6 +9,8 @@ const InstructorMessage = ({
   disabled,
   btnText = "Upgrade",
   onClick,
+  hideBtn,
+  title,
 }) => {
   return (
     <Container>
@@ -16,28 +18,31 @@ const InstructorMessage = ({
         <img src={img} alt="" />
       </ImageSection>
       <Bottom>
+        {title && <h2>{title}</h2>}
         {messsageHTML ? (
           <p dangerouslySetInnerHTML={{ __html: messsageHTML }}>{messsage}</p>
         ) : (
           <p>{messsage}</p>
         )}
-        <div>
-          <ButtonComponent
-            disabled={disabled}
-            type="primary"
-            text={btnText}
-            onClick={onClick}
-            styles={{
-              marginTop: "14px",
-              fontSize: "12px",
-              width: "100%",
-              gap: "8px",
-              padding: "15.457px 30.913px",
-              height: "38.641px",
-              boxShadow: "0px 7.728px 15.457px 0px rgba(254, 191, 16, 0.25)",
-            }}
-          />
-        </div>
+        {!hideBtn && (
+          <div>
+            <ButtonComponent
+              disabled={disabled}
+              type="primary"
+              text={btnText}
+              onClick={onClick}
+              styles={{
+                marginTop: "14px",
+                fontSize: "12px",
+                width: "100%",
+                gap: "8px",
+                padding: "15.457px 30.913px",
+                height: "38.641px",
+                boxShadow: "0px 7.728px 15.457px 0px rgba(254, 191, 16, 0.25)",
+              }}
+            />
+          </div>
+        )}
       </Bottom>
     </Container>
   );
@@ -69,6 +74,11 @@ const ImageSection = styled.div`
   }
 `;
 const Bottom = styled.div`
+  > h2 {
+    color: #00c2c2;
+    font-size: 14px;
+    margin-bottom: 5px;
+  }
   > p {
     color: #4a4d4d;
     font-size: 11.592px;

package/src/components/fileRightBar/instructorRightBar2/personalRightBar.jsx

@@ -110,14 +110,14 @@ const PersonalRightBar = ({ planState, onShowTest }) => {
       </TestSection>
 
       <InstructorMessage
-        onClick={() => {
-          window.location.href = redirectURL("/settings/payment");
-        }}
+        // onClick={() => {
+        //   window.location.href = redirectURL("/settings/payment");
+        // }}
+        title="Coming soon!"
         disabled={planState === "GRACE PERIOD"}
-        messsageHTML={
-          "Upgrade to <span>Premium</span> <br/> for more features."
-        }
+        messsage="Learn any language you want with Learngual while having fun every step of the way."
         btnText="Upgrade"
+        hideBtn
       />
     </EnterpriseContainer>
   );