11import React , { useContext } from 'react' ;
22import Drawer from '@mui/material/Drawer' ;
33import List from '@mui/material/List' ;
4- import ListItem from '@mui/material/ListItem ' ;
4+ import ListItemButton from '@mui/material/ListItemButton ' ;
55import ListItemIcon from '@mui/material/ListItemIcon' ;
66import ListItemText from '@mui/material/ListItemText' ;
77import { useTheme } from '@mui/material/styles' ;
@@ -15,8 +15,8 @@ import AttachMoneyIcon from '@mui/icons-material/AttachMoney';
1515import AnnouncementIcon from '@mui/icons-material/Announcement' ;
1616import InfoIcon from '@mui/icons-material/Info' ;
1717import EmailIcon from '@mui/icons-material/Email' ;
18+ import Box from '@mui/material/Box' ;
1819import { navigate } from 'gatsby' ;
19- import { Box } from '@mui/material' ;
2020import { MainContext } from '../../contexts/MainContextProvider' ;
2121
2222const NavigationDrawer = ( { open, onClose } ) => {
@@ -61,48 +61,48 @@ const NavigationDrawer = ({ open, onClose }) => {
6161 >
6262 < Divider />
6363 < List >
64- < ListItem button onClick = { ( ) => navigate ( '/' ) } selected = { pageIndex === 0 } >
64+ < ListItemButton onClick = { ( ) => navigate ( '/' ) } selected = { pageIndex === 0 } >
6565 < ListItemIcon > < HomeIcon /> </ ListItemIcon >
6666 < ListItemText >
6767 Home
6868 </ ListItemText >
69- </ ListItem >
69+ </ ListItemButton >
7070 </ List >
7171 < Divider />
7272 < List >
73- < ListItem button onClick = { ( ) => navigate ( '/software' ) } selected = { pageIndex === 1 } >
73+ < ListItemButton onClick = { ( ) => navigate ( '/software' ) } selected = { pageIndex === 1 } >
7474 < ListItemIcon > < BuildIcon /> </ ListItemIcon >
7575 < ListItemText > Software</ ListItemText >
76- </ ListItem >
76+ </ ListItemButton >
7777 </ List >
7878 < Divider />
7979 < List >
80- < ListItem button onClick = { ( ) => navigate ( '/blog' ) } selected = { pageIndex === 2 } >
80+ < ListItemButton onClick = { ( ) => navigate ( '/blog' ) } selected = { pageIndex === 2 } >
8181 < ListItemIcon > < AnnouncementIcon /> </ ListItemIcon >
8282 < ListItemText > Blog</ ListItemText >
83- </ ListItem >
83+ </ ListItemButton >
8484 </ List >
8585 < Divider />
8686 < List >
87- < ListItem button onClick = { ( ) => navigate ( '/donate' ) } selected = { pageIndex === 3 } >
87+ < ListItemButton onClick = { ( ) => navigate ( '/donate' ) } selected = { pageIndex === 3 } >
8888 < ListItemIcon > < AttachMoneyIcon /> </ ListItemIcon >
8989 < ListItemText > Donate</ ListItemText >
90- </ ListItem >
91- < ListItem button onClick = { ( ) => navigate ( '/about' ) } selected = { pageIndex === 4 } >
90+ </ ListItemButton >
91+ < ListItemButton onClick = { ( ) => navigate ( '/about' ) } selected = { pageIndex === 4 } >
9292 < ListItemIcon > < InfoIcon /> </ ListItemIcon >
9393 < ListItemText > About</ ListItemText >
94- </ ListItem >
95- < ListItem button onClick = { ( ) => navigate ( '/privacy' ) } selected = { pageIndex === 5 } >
94+ </ ListItemButton >
95+ < ListItemButton onClick = { ( ) => navigate ( '/privacy' ) } selected = { pageIndex === 5 } >
9696 < ListItemIcon > < VisibilityIcon /> </ ListItemIcon >
9797 < ListItemText > Privacy</ ListItemText >
98- </ ListItem >
98+ </ ListItemButton >
9999 </ List >
100100 < Divider />
101101 < List >
102- < ListItem button onClick = { ( ) => navigate ( '/contact' ) } selected = { pageIndex === 6 } >
102+ < ListItemButton onClick = { ( ) => navigate ( '/contact' ) } selected = { pageIndex === 6 } >
103103 < ListItemIcon > < EmailIcon /> </ ListItemIcon >
104104 < ListItemText > Contact</ ListItemText >
105- </ ListItem >
105+ </ ListItemButton >
106106 </ List >
107107 </ Box >
108108 </ Drawer >
0 commit comments