fix: use list item button

2022-12-14 15:16:49 +08:00
parent 6337788a22
commit f06fa3f9b7
1 changed files with 3 additions and 4 deletions
--- a/src/components/proxy/proxy-render.tsx
+++ b/src/components/proxy/proxy-render.tsx
@@ -1,8 +1,8 @@
 import {
  alpha,
  Box,
-  ListItem,
  ListItemText,
+  ListItemButton,
  Typography,
  styled,
 } from "@mui/material";
@@ -33,8 +33,7 @@ export const ProxyRender = (props: RenderProps) => {

  if (type === 0) {
    return (
-      <ListItem
-        button
+      <ListItemButton
        dense
        onClick={() => onHeadState(group.name, { open: !headState?.open })}
      >
@@ -58,7 +57,7 @@ export const ProxyRender = (props: RenderProps) => {
          }}
        />
        {headState?.open ? <ExpandLessRounded /> : <ExpandMoreRounded />}
-      </ListItem>
+      </ListItemButton>
    );
  }