fix: show chevrons for top level nav items

newrelic · Aug 7, 2020 · c8a69b6 · c8a69b6
1 parent e626b1e
commit c8a69b6
Showing 1 changed file with 9 additions and 11 deletions.
diff --git a/src/components/NavigationItems.js b/src/components/NavigationItems.js
@@ -157,7 +157,7 @@ const NavItem = ({ page, depthLevel, searchTerm, filteredPageNames }) => {
               {headerIcon}
               {display}
             </span>
-            {depthLevel > 0 && page.children && (
+            {page.children && (
               <FeatherIcon
                 size="1rem"
                 className={cx(
@@ -186,16 +186,14 @@ const NavItem = ({ page, depthLevel, searchTerm, filteredPageNames }) => {
               {headerIcon}
               {display}
             </span>
-            {depthLevel > 0 && (
-              <FeatherIcon
-                size="1rem"
-                className={cx(
-                  { [styles.isExpanded]: isExpanded },
-                  styles.nestedChevron
-                )}
-                name="chevron-right"
-              />
-            )}
+            <FeatherIcon
+              size="1rem"
+              className={cx(
+                { [styles.isExpanded]: isExpanded },
+                styles.nestedChevron
+              )}
+              name="chevron-right"
+            />
           </div>
         )}