hide white secondary menus when empty

Author: gets0ul

src/components/TopNav/index.js

@@ -455,17 +455,19 @@ const TopNav = ({
           chosenArrowX={chosenArrowX}
         />
 
-        {/* Level 3 menu */}
-        <SubNav
-          open={forceHideLevel3 ? false : showLevel3}
-          menu={activeMenu2 || activeMenu1}
-          isSecondaryMenu={!activeMenu2}
-          activeChildId={activeLevel3Id}
-          showIndicator={showIconSelect}
-          indicatorX={iconSelectX}
-          createHandleClickItem={createHandleClickLevel3}
-          createSetRef={createSetRef}
-        />
+        {/* Level 3 menu (hide if secondaryMenu is empty) */}
+        { !!(activeMenu2 || (activeMenu1 && activeMenu1.secondaryMenu && activeMenu1.secondaryMenu.length)) && (
+          <SubNav
+            open={forceHideLevel3 ? false : showLevel3}
+            menu={activeMenu2 || activeMenu1}
+            isSecondaryMenu={!activeMenu2}
+            activeChildId={activeLevel3Id}
+            showIndicator={showIconSelect}
+            indicatorX={iconSelectX}
+            createHandleClickItem={createHandleClickLevel3}
+            createSetRef={createSetRef}
+          />
+        )}
 
         {/* Mobile level 2 menu */}
         {showLeftMenu && activeMenu1 && (