ddc7a7750e
* fix(eslint): 修复装饰器缩进配置 * fix(eslint): 修复装饰器缩进配置 * chore: 删除未使用的导入 * chore(lint): 移除未使用的导入和变量 * chore(lint): 修复editor-app中未使用的函数参数 * chore(lint): 修复未使用的赋值变量 * chore(eslint): 将所有错误级别改为警告以通过CI * fix(codeql): 修复GitHub Advanced Security检测到的问题
32 lines
1010 B
TypeScript
32 lines
1010 B
TypeScript
import { X } from 'lucide-react';
|
|
import '../styles/ErrorDialog.css';
|
|
|
|
interface ErrorDialogProps {
|
|
title: string;
|
|
message: string;
|
|
onClose: () => void;
|
|
}
|
|
|
|
export function ErrorDialog({ title, message, onClose }: ErrorDialogProps) {
|
|
return (
|
|
<div className="error-dialog-overlay" onClick={onClose}>
|
|
<div className="error-dialog" onClick={(e) => e.stopPropagation()}>
|
|
<div className="error-dialog-header">
|
|
<h2>{title}</h2>
|
|
<button className="close-btn" onClick={onClose}>
|
|
<X size={16} />
|
|
</button>
|
|
</div>
|
|
<div className="error-dialog-content">
|
|
<p>{message}</p>
|
|
</div>
|
|
<div className="error-dialog-footer">
|
|
<button className="error-dialog-btn" onClick={onClose}>
|
|
确定
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|