feat(sw-187): Refactor dropdown to keep more logic in main-menu.ts

components/Header/MainMenu/MyPagesMobileMenu/index.tsx

@@ -14,7 +14,7 @@ import MyPagesMenuContent from "../MyPagesMenuContent"
 
 import styles from "./myPagesMobileMenu.module.css"
 
-import { DropdownType } from "@/types/components/dropdown/dropdown"
+import { DropdownTypeEnum } from "@/types/components/dropdown/dropdown"
 import type { MyPagesMenuProps } from "@/types/components/header/myPagesMenu"
 
 export default function MyPagesMobileMenu({
@@ -23,13 +23,11 @@ export default function MyPagesMobileMenu({
   user,
 }: MyPagesMenuProps) {
   const intl = useIntl()
-  const { openDropdown, toggleDropdown } = useDropdownStore()
-  const isMyPagesMobileMenuOpen =
-    openDropdown === DropdownType.MyPagesMobileMenu
+  const { isMyPagesMobileMenuOpen, toggleDropdown } = useDropdownStore()
 
   useHandleKeyUp((event: KeyboardEvent) => {
     if (event.key === "Escape" && isMyPagesMobileMenuOpen) {
-      toggleDropdown(DropdownType.MyPagesMobileMenu)
+      toggleDropdown(DropdownTypeEnum.MyPagesMobileMenu)
     }
   })
 
@@ -37,7 +35,7 @@ export default function MyPagesMobileMenu({
     <div className={styles.myPagesMobileMenu}>
       <MainMenuButton
         className={styles.button}
-        onClick={() => toggleDropdown(DropdownType.MyPagesMobileMenu)}
+        onClick={() => toggleDropdown(DropdownTypeEnum.MyPagesMobileMenu)}
         aria-label={intl.formatMessage({ id: "Open my pages menu" })}
       >
         <Avatar initials={getInitials(user.firstName, user.lastName)} />
@@ -52,7 +50,7 @@ export default function MyPagesMobileMenu({
             navigation={navigation}
             user={user}
             toggleOpenStateFn={() =>
-              toggleDropdown(DropdownType.MyPagesMobileMenu)
+              toggleDropdown(DropdownTypeEnum.MyPagesMobileMenu)
             }
           />
         </Dialog>