feat(SW-187): Fixed toggling issue

components/Header/MainMenu/MobileMenu/index.tsx

@@ -24,11 +24,16 @@ export default function MobileMenu({
 }: MobileMenuProps) {
   const intl = useIntl()
   const { toggleDropdown, openDropdown } = useDropdownStore()
-  const isHamburgerMenuOpen = openDropdown === DropdownType.HamburgerMenu
+  const isHamburgerMenuOpen =
+    openDropdown === DropdownType.HamburgerMenu ||
+    openDropdown === DropdownType.HeaderLanguageMobile
+
   const isMyPagesMobileMenuOpen =
     openDropdown === DropdownType.MyPagesMobileMenu
   const isHeaderLanguageSwitcherOpen =
     openDropdown === DropdownType.HeaderLanguageMobile
+  const isFooterLanguageSwitcherOpen =
+    openDropdown === DropdownType.FooterLanguage
 
   useHandleKeyUp((event: KeyboardEvent) => {
     if (event.key === "Escape" && isHamburgerMenuOpen) {
@@ -43,8 +48,11 @@ export default function MobileMenu({
       if (isHeaderLanguageSwitcherOpen) {
         toggleDropdown(DropdownType.HeaderLanguageMobile)
       }
-
-      toggleDropdown(DropdownType.HamburgerMenu)
+      if (!isFooterLanguageSwitcherOpen) {
+        toggleDropdown(DropdownType.HamburgerMenu)
+      } else {
+        toggleDropdown(DropdownType.FooterLanguage)
+      }
     }
   }
 
@@ -52,7 +60,7 @@ export default function MobileMenu({
     <>
       <button
         type="button"
-        className={`${styles.hamburger} ${isHamburgerMenuOpen || isMyPagesMobileMenuOpen ? styles.isExpanded : ""}`}
+        className={`${styles.hamburger} ${isHamburgerMenuOpen || isMyPagesMobileMenuOpen || isFooterLanguageSwitcherOpen ? styles.isExpanded : ""}`}
         aria-label={intl.formatMessage({
           id: isHamburgerMenuOpen ? "Close menu" : "Open menu",
         })}

components/LanguageSwitcher/LanguageSwitcherContent/index.tsx

@@ -26,9 +26,7 @@ export default function LanguageSwitcherContent({
   const languageSwitcherRef = useTrapFocus()
   const urlKeys = Object.keys(urls) as Lang[]
   const position =
-    type === "footer"
-      ? DropdownType.FooterLanguage
-      : DropdownType.HeaderLanguage
+    type === "footer" ? DropdownType.FooterLanguage : DropdownType.HamburgerMenu
 
   return (
     <div className={styles.languageSwitcherContent} ref={languageSwitcherRef}>