From adca1297c6eebefdcdb6a5be25adc2f2b9d15559 Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton@traccar.org>
Date: Wed, 22 Jun 2022 09:10:05 -0700
Subject: List items and disabled device

---
 modern/src/common/components/SideNav.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

(limited to 'modern/src/common/components/SideNav.js')

diff --git a/modern/src/common/components/SideNav.js b/modern/src/common/components/SideNav.js
index 648059d1..97968bd1 100644
--- a/modern/src/common/components/SideNav.js
+++ b/modern/src/common/components/SideNav.js
@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import {
-  List, ListItem, ListItemText, ListItemIcon, Divider, ListSubheader,
+  List, ListItemText, ListItemIcon, Divider, ListSubheader, ListItemButton,
 } from '@mui/material';
 import { Link, useLocation } from 'react-router-dom';
 
@@ -15,17 +15,16 @@ const SideNav = ({ routes }) => {
           <ListSubheader>{route.subheader}</ListSubheader>
         </Fragment>
       ) : (
-        <ListItem
+        <ListItemButton
           disableRipple
           component={Link}
           key={route.href}
-          button
           to={route.href}
           selected={location.pathname.match(route.match || route.href) !== null}
         >
           <ListItemIcon>{route.icon}</ListItemIcon>
           <ListItemText primary={route.name} />
-        </ListItem>
+        </ListItemButton>
       )))}
     </List>
   );
-- 
cgit v1.2.3