first-update

easy-dataset-main/app/projects/[projectId]/questions/components/ConfirmDialog.js

@@ -0,0 +1,58 @@
+'use client';
+
+import { Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Button } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+
+/**
+ * 确认对话框组件
+ * @param {Object} props
+ * @param {boolean} props.open - 对话框是否打开
+ * @param {Function} props.onClose - 关闭对话框的回调函数
+ * @param {Function} props.onConfirm - 确认操作的回调函数
+ * @param {string} props.title - 对话框标题
+ * @param {string} props.content - 对话框内容
+ * @param {string} props.confirmText - 确认按钮文本，默认为 "确认删除"
+ * @param {string} props.cancelText - 取消按钮文本，默认为 "取消"
+ * @param {string} props.confirmColor - 确认按钮颜色，默认为 "error"
+ */
+export default function ConfirmDialog({
+  open,
+  onClose,
+  onConfirm,
+  title,
+  content,
+  confirmText,
+  cancelText,
+  confirmColor = 'error'
+}) {
+  const { t } = useTranslation();
+
+  const handleConfirm = () => {
+    onClose();
+    if (onConfirm) {
+      onConfirm();
+    }
+  };
+
+  return (
+    <Dialog
+      open={open}
+      onClose={onClose}
+      aria-labelledby="confirm-dialog-title"
+      aria-describedby="confirm-dialog-description"
+    >
+      <DialogTitle id="confirm-dialog-title">{title}</DialogTitle>
+      <DialogContent>
+        <DialogContentText id="confirm-dialog-description">{content}</DialogContentText>
+      </DialogContent>
+      <DialogActions>
+        <Button onClick={onClose} color="primary">
+          {cancelText || t('common.cancel')}
+        </Button>
+        <Button onClick={handleConfirm} color={confirmColor} variant="contained" autoFocus>
+          {confirmText || t('common.confirmDelete')}
+        </Button>
+      </DialogActions>
+    </Dialog>
+  );
+}