Fixes #36571 - Remove dividers between navigation items

theforeman · Jul 5, 2023 · 5b5b7f9 · 5b5b7f9
1 parent 9633d3c
commit 5b5b7f9
Showing 1 changed file with 16 additions and 29 deletions.
diff --git a/webpack/assets/javascripts/react_app/components/Layout/Navigation.js b/webpack/assets/javascripts/react_app/components/Layout/Navigation.js
@@ -113,17 +113,14 @@ const Navigation = ({
               {groups.map((group, groupIndex) =>
                 groupIndex === 0 ? (
                   group.groupItems.map(
-                    (
-                      {
-                        id,
-                        title: subItemTitle,
-                        className: subItemClassName,
-                        href,
-                        onClick,
-                        isActive,
-                      },
-                      groupItemsIndex
-                    ) => (
+                    ({
+                      id,
+                      title: subItemTitle,
+                      className: subItemClassName,
+                      href,
+                      onClick,
+                      isActive,
+                    }) => (
                       <React.Fragment key={id}>
                         <NavItem
                           className={subItemClassName}
@@ -134,9 +131,6 @@ const Navigation = ({
                         >
                           {subItemTitle}
                         </NavItem>
-                        {groupItemsIndex !== group.groupItems.length - 1 && (
-                          <NavItemSeparator />
-                        )}
                       </React.Fragment>
                     )
                   )
@@ -150,17 +144,14 @@ const Navigation = ({
                       )}
                     >
                       {group.groupItems.map(
-                        (
-                          {
-                            id,
-                            title: subItemTitle,
-                            className: subItemClassName,
-                            href,
-                            onClick,
-                            isActive,
-                          },
-                          groupItemsIndex
-                        ) => (
+                        ({
+                          id,
+                          title: subItemTitle,
+                          className: subItemClassName,
+                          href,
+                          onClick,
+                          isActive,
+                        }) => (
                           <React.Fragment key={id}>
                             <NavItem
                               className={subItemClassName}
@@ -171,10 +162,6 @@ const Navigation = ({
                             >
                               {subItemTitle}
                             </NavItem>
-                            {groupItemsIndex !==
-                              group.groupItems.length - 1 && (
-                              <NavItemSeparator />
-                            )}
                           </React.Fragment>
                         )
                       )}