refact & cleanup : Sidebar, Button, card, EmptyState, Loader, ServiceObject, StatusBadge, UptameObject, BackupWidget, SecurityWidget, ServicesWidget, SupportCtaWidget, UptimeWidget, DashboardLayout

2026-07-29 22:50:04 +02:00
parent 438d739b1a
commit ec900efe3a
42 changed files with 3357 additions and 3966 deletions
@@ -1,25 +1,35 @@
-export default function BackupWidget({ onClick }: { onClick?: () => void }) {
-  return (
-    <div 
-      onClick={onClick}
-      className="bg-white rounded-xl shadow-sm border border-slate-200 p-6 cursor-pointer hover:border-blue-300 hover:shadow-md transition-all group"
-    >
-      <div className="flex items-center justify-between mb-4">
-        <h2 className="text-lg font-semibold text-slate-900 group-hover:text-blue-900 transition-colors">Sauvegardes</h2>
-        <span className="bg-slate-100 text-slate-600 text-xs px-2 py-1 rounded font-medium border border-slate-200">
-          PRA Immuable
-        </span>
-      </div>
-      
-      <div className="bg-slate-50 rounded-lg p-4 border border-slate-100 mb-4 group-hover:bg-blue-50/50 transition-colors">
-        <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>
-      </div>
+import { Card, CardContent } from '@/components/ui/Card';

-      <div className="flex items-center text-emerald-600 text-sm font-medium">
-        <svg className="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M5 13l4 4L19 7" /></svg>
-        Intégrité validée avec succès
-      </div>
-    </div>
+interface BackupWidgetProps {
+  onClick?: () => void;
+}
+
+export default function BackupWidget({ onClick }: BackupWidgetProps) {
+  return (
+    <Card 
+      onClick={onClick}
+      className="cursor-pointer hover:border-blue-300 hover:shadow-md transition-all group"
+    >
+      <CardContent className="p-6">
+        <div className="flex items-center justify-between mb-4">
+          <h2 className="text-lg font-semibold text-slate-900 group-hover:text-blue-900 transition-colors">Sauvegardes</h2>
+          <span className="bg-slate-100 text-slate-600 text-xs px-2 py-1 rounded font-medium border border-slate-200">
+            PRA Immuable
+          </span>
+        </div>
+        
+        <div className="bg-slate-50 rounded-lg p-4 border border-slate-100 mb-4 group-hover:bg-blue-50/50 transition-colors">
+          <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>
+        </div>
+
+        <div className="flex items-center text-emerald-600 text-sm font-medium">
+          <svg className="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M5 13l4 4L19 7" />
+          </svg>
+          Intégrité validée avec succès
+        </div>
+      </CardContent>
+    </Card>
  );
 }