Merge pull request #93 from Valik3201/feature/mobileMenuCloseFunction

mobile menu close actualization
Valik3201 · Jan 6, 2024 · b4e3722 · b4e3722
2 parents 56c1b74 + 0aded86
commit b4e3722
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/src/js/mobileMenu.js b/src/js/mobileMenu.js
@@ -26,13 +26,19 @@ const openMenu = () => {
 };
 
 const closeMenu = () => {
-  mobileMenuSingIn.style.transform = 'translateX(-100%)';
-  mobileMenuSingUp.style.transform = 'translateX(-100%)';
-
-  setTimeout(() => {
-    mobileMenuSingIn.style.display = 'none';
-    mobileMenuSingUp.style.display = 'none';
-  }, 500);
+  onAuthStateChanged(auth, user => {
+    if (user) {
+      mobileMenuSingIn.style.transform = 'translateX(-100%)';
+      setTimeout(() => {
+        mobileMenuSingIn.style.display = 'none';
+      }, 500);
+    } else {
+      mobileMenuSingIn.style.transform = 'translateX(-100%)';
+      setTimeout(() => {
+        mobileMenuSingUp.style.transform = 'translateX(-100%)';
+      }, 500);
+    }
+  });
 };
 
 //closing mobile menu function if window size is bigger than 768px

diff --git a/src/partials/home/home-header.html b/src/partials/home/home-header.html
@@ -90,7 +90,7 @@
       </a>
       <div class="switch-button-div-mobile">
         <label for="t-switch" class="switch">
-        <input type="checkbox" class="theme-switch" id="t-switch" checked />
+        <input type="checkbox" class="theme-switch"  checked />
           <span class="slider"></span>
         </label>
         <button class="close-button">