32 lines
1.1 KiB
TypeScript
32 lines
1.1 KiB
TypeScript
import { Card, CardContent, CardHeader } from '@/components/ui/Card';
|
|
import { Check } from 'lucide-react';
|
|
import Badge from '@ui/Badge';
|
|
|
|
interface BackupWidgetProps {
|
|
onClick?: () => void;
|
|
}
|
|
|
|
export default function BackupWidget({ onClick }: BackupWidgetProps) {
|
|
return (
|
|
<Card
|
|
onClick={onClick}
|
|
className="cursor-pointer transition-all duration-300 ease-in-out"
|
|
>
|
|
<CardHeader>
|
|
<h2 className="text-lg font-semibold">Sauvegardes</h2>
|
|
<Badge className="max-w-fit min-w-fit" name="PRA Immuable">
|
|
</Badge>
|
|
</CardHeader>
|
|
<CardContent className="p-6 flex flex-col h-full">
|
|
<Card variant="flat" className="rounded-lg p-4 border border-slate-100 mb-4">
|
|
<p className="text-sm text-slate-500 mb-1">Dernier snapshot système</p>
|
|
<p className="text-slate-900 font-medium">Aujourd'hui à 03:00 AM</p>
|
|
</Card>
|
|
<div className="flex items-center text-emerald-600 text-sm font-medium">
|
|
<Check></Check>
|
|
Intégrité validée avec succès
|
|
</div>
|
|
</CardContent>
|
|
</Card>
|
|
);
|
|
} |