Cyber/dlinux-dashboard
1
1
Fork 0
mirror of https://github.com/CyberL1/dlinux-dashboard.git synced 2025-01-22 01:19:18 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: add tooltips to sidebar icons

Browse Source
This commit is contained in:
CyberL1 2025-01-16 17:23:18 +01:00
parent 17c2a3042f
commit f1b7e063bb
1 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/pages/App.tsx
View File

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