PROD-3560 - update how we show hover menu

Author: vas3a

src/lib/components/LinksMenu.svelte

@@ -17,10 +17,6 @@
     }
 
     const handleMouseover = (menuItem: NavMenuItem) => async (ev) => {
-        if (activeRoute) {
-            return;
-        }
-
         if (!itemHasHoverMenu(menuItem)) {
             return;
         }

src/lib/marketing-navigation/MarketingNavigation.svelte

@@ -40,6 +40,7 @@
     style='primary'
     menuItems={menuItems}
     isMobile={$isMobile}
+    showHoverMenu={!primaryRoute}
   >
     <svelte:fragment slot="auth">
       <AboutUsMenuItem />
@@ -53,6 +54,7 @@
         activeRoute={secondaryRoute}
         style='secondary'
         menuItems={primaryRoute.children}
+        showHoverMenu={!secondaryRoute?.children?.length}
       />
     {/if}
 

src/lib/marketing-navigation/components/NavigationBar.svelte

@@ -10,6 +10,7 @@
     export let activeRoutePath: NavMenuItem[] = [];
     export let activeRoute: NavMenuItem;
     export let isMobile: boolean = false;
+    export let showHoverMenu: boolean = true;
 
     let popupIsVisible: boolean;
     let hoveredElement: HTMLElement | undefined;
@@ -31,7 +32,7 @@
         isPopupMenuActive={popupIsVisible}
         style={style}
     >
-        {#if !activeRoute}
+        {#if showHoverMenu}
             <HoverMenu
                 menuItems={hoveredMenuItem?.children}
                 mainDescription={hoveredMenuItem?.description}