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

components/Header/MainMenu/MyPagesMenu/index.tsx

@@ -15,7 +15,7 @@ import MyPagesMenuContent from "../MyPagesMenuContent"
 
 import styles from "./myPagesMenu.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 MyPagesMenu({
@@ -25,12 +25,11 @@ export default function MyPagesMenu({
 }: MyPagesMenuProps) {
   const intl = useIntl()
 
-  const { toggleDropdown, openDropdown } = useDropdownStore()
-  const isMyPagesMenuOpen = openDropdown === DropdownType.MyPagesMenu
+  const { toggleDropdown, isMyPagesMenuOpen } = useDropdownStore()
 
   useHandleKeyUp((event: KeyboardEvent) => {
     if (event.key === "Escape" && isMyPagesMenuOpen) {
-      toggleDropdown(DropdownType.MyPagesMenu)
+      toggleDropdown(DropdownTypeEnum.MyPagesMenu)
     }
   })
 
@@ -38,7 +37,7 @@ export default function MyPagesMenu({
     <div className={styles.myPagesMenu}>
       <MainMenuButton
         className={styles.button}
-        onClick={() => toggleDropdown(DropdownType.MyPagesMenu)}
+        onClick={() => toggleDropdown(DropdownTypeEnum.MyPagesMenu)}
       >
         <Avatar initials={getInitials(user.firstName, user.lastName)} />
         <Subtitle type="two" className={styles.userName}>
@@ -55,7 +54,9 @@ export default function MyPagesMenu({
             navigation={navigation}
             user={user}
             membership={membership}
-            toggleOpenStateFn={() => toggleDropdown(DropdownType.MyPagesMenu)}
+            toggleOpenStateFn={() =>
+              toggleDropdown(DropdownTypeEnum.MyPagesMenu)
+            }
           />
         </div>
       ) : null}