migrate ListItem to v6

zbycz · Oct 12, 2024 · e527c3b · e527c3b
1 parent ee161be
commit e527c3b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/components/LayerSwitcher/LayerSwitcherContent.tsx b/src/components/LayerSwitcher/LayerSwitcherContent.tsx
@@ -5,6 +5,7 @@ import {
   ListItemText,
   ListItemSecondaryAction,
   Tooltip,
+  ListItemButton,
 } from '@mui/material';
 import { dotToOptionalBr } from '../helpers';
 import {
@@ -75,8 +76,7 @@ export const LayerSwitcherContent = () => {
           const isOutsideOfView =
             bboxes && !bboxes.some((b) => isViewInsideBbox(view, b));
           return (
-            <ListItem
-              button
+            <ListItemButton
               key={key}
               selected={activeLayers.includes(key)}
               onClick={setActiveBaseMap}
@@ -102,7 +102,7 @@ export const LayerSwitcherContent = () => {
                   />
                 )}
               </ListItemSecondaryAction>
-            </ListItem>
+            </ListItemButton>
           );
         })}
       </StyledList>

diff --git a/src/components/LayerSwitcher/Overlays.tsx b/src/components/LayerSwitcher/Overlays.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import {
   Checkbox,
-  ListItem,
+  ListItemButton,
   ListItemSecondaryAction,
   ListItemText,
   Typography,
@@ -47,7 +47,7 @@ export const Overlays = ({
           );
 
         return (
-          <ListItem button onClick={toggleOverlayLayer} key={key}>
+          <ListItemButton onClick={toggleOverlayLayer} key={key}>
             <LayerIcon Icon={Icon} />
             <ListItemText primary={dotToOptionalBr(name)} />
             <ListItemSecondaryAction>
@@ -57,7 +57,7 @@ export const Overlays = ({
                 onClick={toggleOverlayLayer}
               />
             </ListItemSecondaryAction>
-          </ListItem>
+          </ListItemButton>
         );
       })}
     </StyledList>