change and add into components, widgets and pages
This commit is contained in:
+18
-17
@@ -4,36 +4,36 @@ import BackupWidget from '@/components/widgets/BackupWidget';
|
||||
import SecurityWidget from '@/components/widgets/SecurityWidget';
|
||||
import ServicesWidget from '@/components/widgets/ServicesWidget';
|
||||
import SupportCtaWidget from '@/components/widgets/SupportCtaWidget';
|
||||
import { PageHeader } from '@/components/ui/PageHeader';
|
||||
|
||||
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">
|
||||
<main className="max-w-7xl mx-auto px-4 sm:px-8 py-8 space-y-6">
|
||||
|
||||
{/* HEADER EXTRAIT */}
|
||||
<PageHeader
|
||||
title="Tableau de bord de l'infrastructure"
|
||||
description="Espace sécurisé AEGIS • Synchronisation en temps réel"
|
||||
>
|
||||
{/* L'indicateur de connexion devient le "children" du header */}
|
||||
<div className="flex items-center space-x-3 bg-slate-50 px-3 py-1.5 rounded-md border border-slate-100">
|
||||
<span className="flex h-2.5 w-2.5 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 className="relative inline-flex rounded-full h-2.5 w-2.5 bg-emerald-500"></span>
|
||||
</span>
|
||||
<span className="text-xs font-semibold uppercase tracking-wide text-slate-600">
|
||||
Connexion chiffrée
|
||||
</span>
|
||||
<span className="text-sm font-medium text-slate-700">Connexion chiffrée</span>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
</PageHeader>
|
||||
|
||||
{/* Main Grid */}
|
||||
<main className="max-w-7xl mx-auto px-8 py-8">
|
||||
{/* GRILLE DES WIDGETS */}
|
||||
<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')} />
|
||||
@@ -45,6 +45,7 @@ export default function TrustCenter() {
|
||||
<SupportCtaWidget />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user