feat(SW-187): added immer and refactor dropdown a bit

components/Header/MainMenu/MobileMenu/index.tsx

@@ -24,6 +24,7 @@ export default function MobileMenu({
 }: MobileMenuProps) {
   const intl = useIntl()
   const {
+    handleHamburgerClick,
     toggleDropdown,
     isHamburgerMenuOpen,
     isMyPagesMobileMenuOpen,
@@ -37,21 +38,6 @@ export default function MobileMenu({
     }
   })
 
-  function handleHamburgerClick() {
-    if (isMyPagesMobileMenuOpen) {
-      toggleDropdown(DropdownTypeEnum.MyPagesMobileMenu)
-    } else {
-      if (isHeaderLanguageSwitcherMobileOpen) {
-        toggleDropdown(DropdownTypeEnum.HeaderLanguageSwitcherMobile)
-      }
-      if (!isFooterLanguageSwitcherOpen) {
-        toggleDropdown(DropdownTypeEnum.HamburgerMenu)
-      } else {
-        toggleDropdown(DropdownTypeEnum.FooterLanguageSwitcher)
-      }
-    }
-  }
-
   return (
     <>
       <button

components/LanguageSwitcher/index.tsx

@@ -27,6 +27,7 @@ export default function LanguageSwitcher({
     toggleDropdown,
     isFooterLanguageSwitcherOpen,
     isHeaderLanguageSwitcherOpen,
+    isHeaderLanguageSwitcherMobileOpen,
   } = useDropdownStore()
 
   const position = type === "footer" ? "footer" : "header"
@@ -40,7 +41,8 @@ export default function LanguageSwitcher({
 
   const isLanguageSwitcherOpen =
     (type === "footer" && isFooterLanguageSwitcherOpen) ||
-    (type !== "footer" && isHeaderLanguageSwitcherOpen)
+    (type !== "footer" &&
+      (isHeaderLanguageSwitcherOpen || isHeaderLanguageSwitcherMobileOpen))
 
   useHandleKeyUp((event: KeyboardEvent) => {
     if (event.key === "Escape" && isLanguageSwitcherOpen) {