fix group menu

src/components/confirm.tsx

@@ -0,0 +1,25 @@
+import React from "react";
+import Dialog from "@mui/material/Dialog";
+import DialogActions from "@mui/material/DialogActions";
+import DialogContent from "@mui/material/DialogContent";
+import DialogTitle from "@mui/material/DialogTitle";
+import Button from "@mui/material/Button";
+
+const ConfirmDialog = ({ open, onClose, title, content, onYes, onNo }: any) => {
+  return (
+    <Dialog open={open} onClose={onClose}>
+      {title && <DialogTitle>{title}</DialogTitle>}
+      {content && <DialogContent>{content}</DialogContent>}
+      <DialogActions>
+        <Button onClick={onNo} color="secondary">
+          No
+        </Button>
+        <Button onClick={onYes} color="primary">
+          Yes
+        </Button>
+      </DialogActions>
+    </Dialog>
+  );
+};
+
+export default ConfirmDialog;