From f1b7e063bb43ed355681d7aa61811b746f4540e0 Mon Sep 17 00:00:00 2001
From: CyberL1 <mateusz.hf18@gmail.com>
Date: Thu, 16 Jan 2025 17:23:18 +0100
Subject: [PATCH] feat: add tooltips to sidebar icons

---
 src/pages/App.tsx | 31 +++++++++++++++++--------------
 1 file changed, 17 insertions(+), 14 deletions(-)

diff --git a/src/pages/App.tsx b/src/pages/App.tsx
index 65151a9..55a2c27 100644
--- a/src/pages/App.tsx
+++ b/src/pages/App.tsx
@@ -16,6 +16,7 @@ import {
 	ListItemText,
 	ThemeProvider,
 	Toolbar,
+	Tooltip,
 	Typography,
 } from "@mui/material";
 import * as Icons from "@mui/icons-material";
@@ -86,20 +87,22 @@ function App({ error }: { error?: boolean }) {
 				<Toolbar />
 				<List>
 					{sidebarItems.map((item) => (
-						<ListItem
-							key={item.title}
-							component={Link}
-							to={item.href}
-							target={item.openInNewTab ? "_blank" : "_self"}
-							disablePadding
-						>
-							<ListItemButton>
-								<ListItemIcon>
-									<Icon component={Icons[item.icon]} />
-								</ListItemIcon>
-								<ListItemText primary={item.title} />
-							</ListItemButton>
-						</ListItem>
+						<Tooltip title={item.title} placement="left" arrow>
+							<ListItem
+								key={item.title}
+								component={Link}
+								to={item.href}
+								target={item.openInNewTab ? "_blank" : "_self"}
+								disablePadding
+							>
+								<ListItemButton>
+									<ListItemIcon>
+										<Icon component={Icons[item.icon]} />
+									</ListItemIcon>
+									<ListItemText primary={item.title} />
+								</ListItemButton>
+							</ListItem>
+						</Tooltip>
 					))}
 				</List>
 			</Drawer>