diff --git a/src/components/profile/confirm-viewer.tsx b/src/components/profile/confirm-viewer.tsx
new file mode 100644
index 00000000..d4ca21b8
--- /dev/null
+++ b/src/components/profile/confirm-viewer.tsx
@@ -0,0 +1,46 @@
+import { useEffect, useRef } from "react";
+import { useTranslation } from "react-i18next";
+import {
+ Button,
+ Dialog,
+ DialogActions,
+ DialogContent,
+ DialogTitle,
+} from "@mui/material";
+
+interface Props {
+ open: boolean;
+ title: string;
+ message: string;
+ onClose: () => void;
+ onConfirm: () => void;
+}
+
+export const ConfirmViewer = (props: Props) => {
+ const { open, title, message, onClose, onConfirm } = props;
+
+ const { t } = useTranslation();
+
+ useEffect(() => {
+ if (!open) return;
+ }, [open]);
+
+ return (
+
+ );
+};
diff --git a/src/components/profile/profile-item.tsx b/src/components/profile/profile-item.tsx
index 72ffe569..703cbf0f 100644
--- a/src/components/profile/profile-item.tsx
+++ b/src/components/profile/profile-item.tsx
@@ -23,6 +23,7 @@ import { Notice } from "@/components/base";
import { EditorViewer } from "./editor-viewer";
import { ProfileBox } from "./profile-box";
import parseTraffic from "@/utils/parse-traffic";
+import { ConfirmViewer } from "./confirm-viewer";
const round = keyframes`
from { transform: rotate(0deg); }
@@ -92,6 +93,7 @@ export const ProfileItem = (props: Props) => {
}, [hasUrl, updated]);
const [fileOpen, setFileOpen] = useState(false);
+ const [confirmOpen, setConfirmOpen] = useState(false);
const onEditInfo = () => {
setAnchorEl(null);
@@ -171,14 +173,24 @@ export const ProfileItem = (props: Props) => {
{ label: "Open File", handler: onOpenFile },
{ label: "Update", handler: () => onUpdate(0) },
{ label: "Update(Proxy)", handler: () => onUpdate(2) },
- { label: "Delete", handler: onDelete },
+ {
+ label: "Delete",
+ handler: () => {
+ setConfirmOpen(true);
+ },
+ },
];
const fileModeMenu = [
{ label: "Select", handler: onForceSelect },
{ label: "Edit Info", handler: onEditInfo },
{ label: "Edit File", handler: onEditFile },
{ label: "Open File", handler: onOpenFile },
- { label: "Delete", handler: onDelete },
+ {
+ label: "Delete",
+ handler: () => {
+ setConfirmOpen(true);
+ },
+ },
];
const boxStyle = {
@@ -341,7 +353,19 @@ export const ProfileItem = (props: Props) => {