From 63db226eb1a8728de631b2a73c4a4b61630c3a1f Mon Sep 17 00:00:00 2001
From: fabio vincenzi <fabio.vincenzi2@studio.unibo.it>
Date: Wed, 17 Jan 2024 10:15:28 +0000
Subject: [PATCH] using icon in select

---
 src/src/components/SideBar/SideBar.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/src/components/SideBar/SideBar.tsx b/src/src/components/SideBar/SideBar.tsx
index 7906d28e..b5103049 100644
--- 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}>