Merge pull request #196 from topcoder-platform/level2-new-tab

Level2 new tab

Author: luizrrodrigues

dist/dev/index.js

@@ -10,7 +10,7 @@ const IconSelect = ({ show, x, isResize }) => {
   // is window is on resize, stop animation
   if (isResize) {
     styleObj['transition'] = 'auto'
-    styleObj['-webkit-transition'] = 'auto'
+    styleObj['WebkitTransition'] = 'auto'
   }
   return <span
     className={styles.iconSelect}

dist/prod/index.js

@@ -13,6 +13,7 @@ const MobileMenu = ({ menu, activeChildId, createHandleClickItem }) => (
             href={level2.href}
             key={`level2-${i}`}
             onClick={level2.subMenu && level2.subMenu.length > 0 ? createHandleClickItem(level2.id) : null}
+            target={level2.openNewTab ? '_blank' : ''}
           >
             {level2.title}
           </a>

src/components/IconSelect/index.js

@@ -89,13 +89,14 @@ const PrimaryNav = ({
                     if ((level2.subMenu && level2.subMenu.length > 0) || level2.href) {
                       return (
                         level2.href
-                          ? <Link
+                          ? <a
                             {...level2Params}
-                            to={level2.href}
-                            innerRef={createSetRef(level2.id)}
+                            href={level2.href}
+                            ref={createSetRef(level2.id)}
+                            target={level2.openNewTab ? '_blank' : ''}
                           >
                             {level2.title}
-                          </Link>
+                          </a>
                           : <span
                             {...level2Params}
                             ref={createSetRef(level2.id)}
@@ -129,8 +130,10 @@ const PrimaryNav = ({
                           return (
                             menu.href
                               ? <Link
-                                {...menuParams}
+                                className={styles.primaryLevel2}
+                                key={`more-item-${i}`}
                                 to={menu.href}
+                                openNewTab={menu.openNewTab}
                               >
                                 {menu.title}
                               </Link>

src/components/TopNav/MobileMenu.js

@@ -174,6 +174,10 @@
     justify-content: center;
     align-items: center;
 
+    svg {
+      padding-left: 5px;
+    }
+
     .moreBtnMask {
       position: absolute;
       left: 0;
@@ -231,6 +235,11 @@
       @include transformVertical;
     }
   }
+
+  .primaryLevel2,
+  a.primaryLevel2 {
+    margin: 0;
+  }
 }
 
 .searchIcon {