l-min-components 1.7.1367 → 1.7.1369

package/package.json

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

package/src/components/header/account-dropdown.jsx

@@ -69,8 +69,10 @@ const AccountDropdown = (props) => {
               {findAccountNames(props?.selectedAccount)}
             </h1>
             <h2 style={{ textTransform: "capitalize" }}>
-              {props?.selectedAccount?.type?.toLowerCase() ||
-                props.activeAccountType}{" "}
+              {props?.selectedAccount?.type?.toLowerCase() === "personal"
+                ? "Student"
+                : props?.selectedAccount?.type?.toLowerCase() ||
+                  props.activeAccountType}{" "}
             </h2>
           </div>
         </AccountDropdownHeader>
@@ -251,7 +253,7 @@ const AccountDropdown = (props) => {
               // dont show personal accounts for developer user
               props?.personalAccountData?.length > 0 && (
                 <div>
-                  <h3 style={{ marginBottom: 10 }}>Personal account</h3>
+                  <h3 style={{ marginBottom: 10 }}>Student account</h3>
                   {props?.personalAccountData?.map((personalItem, idx) => (
                     <div
                       className={`account-info ${

package/src/components/header/index.jsx

@@ -577,7 +577,9 @@ const HeaderComponent = (props) => {
             <div className="user-info-container">
               <h5 style={{ textTransform: "capitalize" }}>{accountName}</h5>
               <h6 style={{ textTransform: "capitalize" }}>
-                {props?.selectedAccount?.type?.toLowerCase()}
+                {props?.selectedAccount?.type?.toLowerCase() === "personal"
+                  ? "Student"
+                  : props?.selectedAccount?.type?.toLowerCase()}
               </h6>
             </div>
             <ArrowDownIcon width={16} height={10} />

package/src/components/header/index.styled.js

@@ -243,6 +243,8 @@ export const UserProfile = styled.div`
   .user-img-container {
     width: 37px;
     height: 37px;
+    border-radius: 50%;
+    overflow: hidden;
 
     img {
       width: 100%;
@@ -366,6 +368,8 @@ export const AccountDropdownHeader = styled.div`
     display: flex;
     justify-content: center;
     align-items: center;
+    overflow: hidden;
+    border-radius: 50%;
     img {
       width: 100%;
       height: 100%;
@@ -427,6 +431,12 @@ export const AccountDropdownBody = styled.div`
   & .avatar-container {
     width: 30px;
     height: 30px;
+    overflow: hidden;
+    border-radius: 50%;
+    img {
+      width: 100%;
+      height: 100%;
+    }
   }
 
   & .account-info {

package/src/components/header/login-header.jsx

@@ -25,7 +25,6 @@ const HeaderComponentTwo = (props) => {
   const [languageDropdown, setLanguageDropdown] = useState();
   const value = localStorage.getItem("defaultLang");
 
-  
   const navigate = useNavigate();
   const location = useLocation();
   useEffect(() => {
@@ -41,7 +40,7 @@ const HeaderComponentTwo = (props) => {
   const containerRef = useRef(null);
 
   const handleLogoClick = () => {
-    window.location.href = "https://learngual.com/";
+    window.location.href = "/";
   };
 
   useEffect(() => {
@@ -61,14 +60,13 @@ const HeaderComponentTwo = (props) => {
     };
   }, [setLanguageDropdown]);
 
-
   const handleLanguageChange = async (item) => {
     setLanguageDropdown();
     props.setDefaultLang(item?.slug);
     item?.slug === props.defaultLang
       ? props?.setIsTranslationsLoading(false)
       : props?.setIsTranslationsLoading(true);
-    localStorage.setItem("defaultLang", (item?.slug));
+    localStorage.setItem("defaultLang", item?.slug);
     window.location.reload();
   };