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

3
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,6 +87,7 @@ function App({ error }: { error?: boolean }) {
<Toolbar /> <Toolbar />
<List> <List>
{sidebarItems.map((item) => ( {sidebarItems.map((item) => (
<Tooltip title={item.title} placement="left" arrow>
<ListItem <ListItem
key={item.title} key={item.title}
component={Link} component={Link}
@ -100,6 +102,7 @@ function App({ error }: { error?: boolean }) {
<ListItemText primary={item.title} /> <ListItemText primary={item.title} />
</ListItemButton> </ListItemButton>
</ListItem> </ListItem>
</Tooltip>
))} ))}
</List> </List>
</Drawer> </Drawer>