l-min-components 1.0.1090 → 1.0.1092

package/package.json

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

package/src/components/loader/index.jsx

@@ -6,9 +6,9 @@ import styled from "styled-components";
  * @param {{zoom: number, color: string}} param0
  * @returns
  */
-const Loader = ({ zoom, color }) => {
+const Loader = ({ zoom, color, isOpen }) => {
   return (
-    <Wrap zoom={zoom}>
+    <Wrap zoom={zoom} isOpen={isOpen}>
       <Container zoom={zoom} color={color}>
         <div></div>
         <div></div>
@@ -19,8 +19,10 @@ const Loader = ({ zoom, color }) => {
 };
 
 const Wrap = styled.div`
-  width: ${({ zoom }) => (zoom ? (zoom * 100 * 80) / 100 : 80)}px;
-  height: ${({ zoom }) => (zoom ? (zoom * 100 * 80) / 100 : 80)}px;
+  width: ${({ zoom, isOpen }) =>
+    zoom && isOpen ? (zoom * 100 * 80) / 100 : 30}px;
+  height: ${({ zoom, isOpen }) =>
+    zoom && isOpen ? (zoom * 100 * 80) / 100 : 30}px;
   display: flex;
   align-items: center;
   justify-content: "center";

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

@@ -64,7 +64,7 @@ const UserCard = ({ user, isOpen, findText }) => {
   return (
     <UserCardContainer isOpen={isOpen}>
       {userDetails?.loading && !organizationName ? (
-        <Loader zoom={0.3} />
+        <Loader zoom={0.3} isOpen={isOpen} />
       ) : (
         <>
           <Avatar
@@ -94,14 +94,16 @@ const UserCard = ({ user, isOpen, findText }) => {
               if (window.location.pathname.includes("instructor")) {
                 window.location.href = `${window.location.protocol}//${window.location.hostname}/instructor/profile`;
               }
-            }}>
+            }}
+          >
             <UserName>{findText("Hello")}</UserName>
             <Handle
               style={{
                 textTransform: "capitalize",
                 fontWeight: 700,
                 fontSize: 15,
-              }}>{`${
+              }}
+            >{`${
               organizationName
                 ? organizationName
                 : generalData?.selectedAccount?.display_name ?? ""

package/src/components/sideNav/index.jsx

@@ -49,7 +49,7 @@ const SideBar = ({ routes, findText }) => {
           <NavItem key={route.path}>
             <NavLinkStyled
               activeClassName="active"
-              to={route?.path}
+              href={route?.path}
               className={
                 route?.label !== "Learning"
                   ? window.location.pathname.includes(