雨霖铃
d38bafe237
移除 chrome.i18n 后，将各功能页面、布局与工具模块的 UI 文案改为内联中文； 删除冗余注释与过度抽象（如 ToolCard、StatCard），精简 props 与状态管理； 同步优化 JsonTools、StorageCleaner、Timestamp、TestDataGenerator、Dashboard、 Base64Converter、RightClickRestorer、TextStatistics、TopBar、RouterProvider、 ThemeModeProvider 及生成器库与 utils 工具文件。
33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
import { AlertCircle } from 'lucide-react';
|
|
import { cn } from '@/lib/utils';
|
|
|
|
interface ErrorDisplayProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
error: string;
|
|
}
|
|
|
|
export default function ErrorDisplay({ error, className, ...props }: ErrorDisplayProps) {
|
|
return (
|
|
<div
|
|
className={cn(
|
|
'flex flex-col items-center justify-center py-8 min-h-[240px] sm:min-h-[360px] p-4 text-center',
|
|
className,
|
|
)}
|
|
{...props}
|
|
>
|
|
<div className="w-full max-w-xs flex flex-col items-center justify-center rounded-xl p-5 border border-destructive/20 bg-destructive/5 shadow-sm">
|
|
<div className="flex h-10 w-10 items-center justify-center rounded-full bg-destructive/10 text-destructive mb-3.5 shrink-0">
|
|
<AlertCircle className="h-5 w-5" />
|
|
</div>
|
|
|
|
<p className="text-sm font-semibold leading-relaxed text-destructive break-all px-1 mb-2">
|
|
{error}
|
|
</p>
|
|
|
|
<p className="text-xs font-medium leading-relaxed text-muted-foreground/90 px-2">
|
|
存储清理功能仅适用于标准网页
|
|
</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|