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
@@ -0,0 +1,51 @@
+import { useNavigate } from 'react-router-dom';
+import UptimeWidget from '@/components/widgets/UptimeWidget';
+import BackupWidget from '@/components/widgets/BackupWidget';
+import SecurityWidget from '@/components/widgets/SecurityWidget';
+import ServicesWidget from '@/components/widgets/ServicesWidget';
+import SupportCtaWidget from '@/components/widgets/SupportCtaWidget';
+
+export default function TrustCenter() {
+  const navigate = useNavigate();
+
+  return (
+    <div className="bg-slate-50 font-sans text-slate-900 relative min-h-[calc(100vh-4rem)]">
+      
+      {/* Header */}
+      <header className="bg-white border-b border-slate-200 px-8 py-6">
+        <div className="max-w-7xl mx-auto flex justify-between items-center">
+          <div>
+            <h1 className="text-2xl font-bold text-slate-900 tracking-tight">Tableau de bord de l'infrastructure</h1>
+            <p className="text-sm text-slate-500 mt-1">Espace sécurisé AEGIS • Synchronisation en temps réel</p>
+          </div>
+          <div className="flex items-center space-x-3">
+            <span className="flex h-3 w-3 relative">
+              <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75"></span>
+              <span className="relative inline-flex rounded-full h-3 w-3 bg-emerald-500"></span>
+            </span>
+            <span className="text-sm font-medium text-slate-700">Connexion chiffrée</span>
+          </div>
+        </div>
+      </header>
+
+      {/* Main Grid */}
+      <main className="max-w-7xl mx-auto px-8 py-8">
+        <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
+          <div className="lg:col-span-2 space-y-6">
+            <UptimeWidget />
+            
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+              <BackupWidget onClick={() => navigate('/backups')} />
+              <SecurityWidget onClick={() => navigate('/analytics')} />
+            </div>
+          </div>
+
+          <div className="space-y-6">
+            <ServicesWidget />
+            <SupportCtaWidget />
+          </div>
+        </div>
+      </main>
+    </div>
+  );
+}