update(app): hack to hide tooltip on usermenu. Should have a proper way of hiding it (antd issue)

Author: vmc08

src/components/layout/AppSidenav.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { withRouter, RouteComponentProps } from 'react-router-dom';
 import styled from 'styled-components';
-import { Layout, Menu, Icon } from 'antd';
+import { Layout, Menu, Icon, Tooltip } from 'antd';
 import { navRoutes, INavRoute, INavGroup, getDefaultSelectedKeys } from '../../utils/navUtils';
 import { slugify } from '../../utils/stringUtils';
 import SidenavContext, { ISelectedKeys } from '../../contexts/SidenavContext';
@@ -160,7 +160,13 @@ class AppSidenav extends React.PureComponent<RouteComponentProps, { collapsedWid
                                 }
                               }}
                             >
-                              <span>{itemLabel}</span>
+                              <Tooltip
+                                placement="right"
+                                title={collapsed ? itemLabel : null}
+                                overlayClassName="custom-tooltip"
+                              >
+                                <span>{itemLabel}</span>
+                              </Tooltip>
                             </Menu.Item>
                           );
                         })}
@@ -181,8 +187,14 @@ class AppSidenav extends React.PureComponent<RouteComponentProps, { collapsedWid
                   }
                 }}
               >
-                <Icon type={iconType} />
-                <span>{label}</span>
+                <Tooltip
+                  placement="right"
+                  title={collapsed ? label : null}
+                  overlayClassName="custom-tooltip"
+                >
+                  <Icon type={iconType} />
+                  <span>{label}</span>
+                </Tooltip>
               </Menu.Item>
             );
           })}

src/stylesheets/app.css

@@ -12,3 +12,15 @@ body {
   position: fixed;
   left: 0 !important;
 }
+
+.ant-dropdown-menu-inline-collapsed-tooltip {
+  display: none;
+}
+
+.ant-menu-inline-collapsed-tooltip {
+  display: none;
+}
+
+.custom-tooltip {
+  left: 67px !important;
+}