@@ -7,14 +7,14 @@ import Divider from '@mui/material/Divider';
77import IconButton from '@mui/material/IconButton' ;
88import ChevronLeftIcon from '@mui/icons-material/ChevronLeft' ;
99import ChevronRightIcon from '@mui/icons-material/ChevronRight' ;
10- import ListItem from '@mui/material/ListItem' ;
1110import ListItemIcon from '@mui/material/ListItemIcon' ;
1211import ListItemText from '@mui/material/ListItemText' ;
1312import InfoIcon from '@mui/icons-material/Info' ;
1413import BuildIcon from '@mui/icons-material/Build' ;
1514import HelpIcon from '@mui/icons-material/Help' ;
1615import CloseIcon from '@mui/icons-material/Close' ;
1716import { useNavigate } from 'react-router-dom' ;
17+ import ListItemButton from '@mui/material/ListItemButton' ;
1818import CryptographyMenu from '../CryptographyMenu' ;
1919import { MainContext } from '../../contexts/MainContextProvider' ;
2020
@@ -99,33 +99,33 @@ const DrawerBar = ({ open, onClose }) => {
9999 < Divider />
100100
101101 < List >
102- < ListItem onClick = { ( ) => handleIndexChange ( 3 ) } selected = { selectedItem === 3 } button >
102+ < ListItemButton onClick = { ( ) => handleIndexChange ( 3 ) } selected = { selectedItem === 3 } >
103103 < ListItemIcon > < BuildIcon color = "inherit" /> </ ListItemIcon >
104104 < ListItemText primary = { language . settings } />
105- </ ListItem >
105+ </ ListItemButton >
106106 </ List >
107107
108108 < Divider />
109109
110110 < List >
111- < ListItem onClick = { ( ) => handleIndexChange ( 4 ) } button >
111+ < ListItemButton onClick = { ( ) => handleIndexChange ( 4 ) } >
112112 < ListItemIcon > < HelpIcon color = "inherit" /> </ ListItemIcon >
113113 < ListItemText primary = { language . help } />
114- </ ListItem >
114+ </ ListItemButton >
115115
116- < ListItem onClick = { ( ) => handleIndexChange ( 5 ) } selected = { selectedItem === 5 } button >
116+ < ListItemButton onClick = { ( ) => handleIndexChange ( 5 ) } selected = { selectedItem === 5 } >
117117 < ListItemIcon > < InfoIcon color = "inherit" /> </ ListItemIcon >
118118 < ListItemText primary = { language . about } />
119- </ ListItem >
119+ </ ListItemButton >
120120 </ List >
121121
122122 < Divider />
123123
124124 < List >
125- < ListItem onClick = { ( ) => ipcRenderer . send ( 'handle-close' ) } button >
125+ < ListItemButton onClick = { ( ) => ipcRenderer . send ( 'handle-close' ) } >
126126 < ListItemIcon > < CloseIcon color = "inherit" /> </ ListItemIcon >
127127 < ListItemText primary = { language . exit } />
128- </ ListItem >
128+ </ ListItemButton >
129129 </ List >
130130 </ Box >
131131 </ Drawer >
0 commit comments