using icon in select

G-Research · Jan 17, 2024 · 63db226 · 63db226
1 parent 55d3647
commit 63db226
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/src/components/SideBar/SideBar.tsx b/src/src/components/SideBar/SideBar.tsx
@@ -4,6 +4,7 @@ import { NavLink } from 'react-router-dom';
 import { Drawer, Tooltip } from '@material-ui/core';
 import Select from '@material-ui/core/Select';
 import MenuItem from '@material-ui/core/MenuItem';
+import AccountTreeIcon from '@material-ui/icons/AccountTree';
 
 import logoImg from 'assets/logo.svg';
 
@@ -147,6 +148,7 @@ function SideBar(): React.FunctionComponentElement<React.ReactNode> {
                 onMouseEnter={handleTooltipOpen}
                 onMouseLeave={handleTooltipClose}
                 onOpen={handleTooltipClose}
+                renderValue={() => <AccountTreeIcon />}
               >
                 {namespaces.map((namespace) => (
                   <MenuItem value={namespace} key={namespace}>