From f826453284516887127964f3c779fcad8a7de504 Mon Sep 17 00:00:00 2001
From: Lenin Alevski <alevsk.8772@gmail.com>
Date: Mon, 31 Jan 2022 13:53:49 -0600
Subject: [PATCH] Fix duplicated Documentation item in Menu (#1494)

Signed-off-by: Lenin Alevski <alevsk.8772@gmail.com>
---
 .../screens/Console/Menu/ConsoleMenuList.tsx  | 30 -------------------
 portal-ui/src/screens/Console/Menu/Menu.tsx   | 17 +++++++++++
 2 files changed, 17 insertions(+), 30 deletions(-)

diff --git a/portal-ui/src/screens/Console/Menu/ConsoleMenuList.tsx b/portal-ui/src/screens/Console/Menu/ConsoleMenuList.tsx
index 7bbf9e33b..273655368 100644
--- a/portal-ui/src/screens/Console/Menu/ConsoleMenuList.tsx
+++ b/portal-ui/src/screens/Console/Menu/ConsoleMenuList.tsx
@@ -27,7 +27,6 @@ import {
   menuItemMiniStyles,
   menuItemTextStyles,
 } from "./MenuStyleUtils";
-import { DocumentationIcon } from "../../../icons";
 import MenuItem from "./MenuItem";
 import { useLocation } from "react-router-dom";
 
@@ -138,35 +137,6 @@ const ConsoleMenuList = ({
         }}
         className={`${stateClsName} group-wrapper bottom-list`}
       >
-        <ListItem
-          button
-          onClick={(
-            e:
-              | React.MouseEvent<HTMLLIElement>
-              | React.MouseEvent<HTMLAnchorElement>
-              | React.MouseEvent<HTMLDivElement>
-          ) => {
-            e.preventDefault();
-            window.open("https://docs.min.io/?ref=con", "_blank");
-          }}
-          disableRipple
-          className={`$ ${stateClsName} bottom-menu-item`}
-          sx={{
-            ...menuItemContainerStyles,
-            ...menuItemMiniStyles,
-            marginBottom: "3px",
-          }}
-        >
-          <ListItemIcon sx={{ ...menuItemIconStyles }}>
-            <DocumentationIcon />
-          </ListItemIcon>
-          <ListItemText
-            primary="Documentation"
-            sx={{ ...menuItemTextStyles }}
-            className={stateClsName}
-          />
-        </ListItem>
-
         <ListItem
           button
           onClick={onLogoutClick}
diff --git a/portal-ui/src/screens/Console/Menu/Menu.tsx b/portal-ui/src/screens/Console/Menu/Menu.tsx
index 0c002c378..79705ccb1 100644
--- a/portal-ui/src/screens/Console/Menu/Menu.tsx
+++ b/portal-ui/src/screens/Console/Menu/Menu.tsx
@@ -347,6 +347,23 @@ const Menu = ({
         },
       ],
     },
+    {
+      type: "item",
+      component: NavLink,
+      to: IAM_PAGES.DOCUMENTATION,
+      name: "Documentation",
+      icon: DocumentationIcon,
+      forceDisplay: true,
+      onClick: (
+        e:
+          | React.MouseEvent<HTMLLIElement>
+          | React.MouseEvent<HTMLAnchorElement>
+          | React.MouseEvent<HTMLDivElement>
+      ) => {
+        e.preventDefault();
+        window.open("https://docs.min.io/?ref=con", "_blank");
+      },
+    },
   ];
 
   let operatorMenus: IMenuItem[] = [