From e27d89953c91894acda6d4396264cd8c5a46d93f Mon Sep 17 00:00:00 2001
From: "Carlos E. Feria Vila" <carlosthe19916@gmail.com>
Date: Mon, 18 Apr 2022 08:09:18 +0200
Subject: [PATCH] Change sidebar (#227)

---
 .../layout/SidebarApp/SidebarApp.tsx          | 36 +++++++++----------
 1 file changed, 17 insertions(+), 19 deletions(-)

diff --git a/src/main/webapp/src/shared/components/layout/SidebarApp/SidebarApp.tsx b/src/main/webapp/src/shared/components/layout/SidebarApp/SidebarApp.tsx
index f56dfcbf..3dcf9099 100644
--- a/src/main/webapp/src/shared/components/layout/SidebarApp/SidebarApp.tsx
+++ b/src/main/webapp/src/shared/components/layout/SidebarApp/SidebarApp.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { NavLink } from "react-router-dom";
 
-import { Nav, PageSidebar, NavGroup } from "@patternfly/react-core";
+import { Nav, PageSidebar, NavList } from "@patternfly/react-core";
 import { css } from "@patternfly/react-styles";
 
 import { Paths } from "Paths";
@@ -17,8 +17,10 @@ export const SidebarApp: React.FC = () => {
   const renderPageNav = () => {
     return (
       <Nav id="nav-sidebar" aria-label="Nav" theme={LayoutTheme}>
-        <VisibilityByPermission hasAny={[Permission.admin, Permission.search]}>
-          <NavGroup title="Consultas">
+        <NavList title="Consultas">
+          <VisibilityByPermission
+            hasAny={[Permission.admin, Permission.search]}
+          >
             {isElasticsearchEnabled() && (
               <NavLink
                 to={Paths.contribuyentes}
@@ -37,12 +39,10 @@ export const SidebarApp: React.FC = () => {
             >
               Número documento
             </NavLink>
-          </NavGroup>
-        </VisibilityByPermission>
-        <VisibilityByPermission
-          hasAny={[Permission.admin, Permission.version_write]}
-        >
-          <NavGroup title="Padrón reducido">
+          </VisibilityByPermission>
+          <VisibilityByPermission
+            hasAny={[Permission.admin, Permission.version_write]}
+          >
             <NavLink
               to={Paths.versiones}
               className={({ isActive }) =>
@@ -51,13 +51,11 @@ export const SidebarApp: React.FC = () => {
             >
               Versiones
             </NavLink>
-          </NavGroup>
-        </VisibilityByPermission>
-        {isBasicAuthEnabled() && (
-          <VisibilityByPermission
-            hasAny={[Permission.admin, Permission.user_write]}
-          >
-            <NavGroup title="Configuración">
+          </VisibilityByPermission>
+          {isBasicAuthEnabled() && (
+            <VisibilityByPermission
+              hasAny={[Permission.admin, Permission.user_write]}
+            >
               <NavLink
                 to={Paths.settings_users}
                 className={({ isActive }) =>
@@ -66,9 +64,9 @@ export const SidebarApp: React.FC = () => {
               >
                 Usuarios
               </NavLink>
-            </NavGroup>
-          </VisibilityByPermission>
-        )}
+            </VisibilityByPermission>
+          )}
+        </NavList>
       </Nav>
     );
   };