Files
core/src/features/admin/pages/DashboardPage.client.js
T

21 lines
711 B
JavaScript

'use client';
import { getWidgets } from '../registry.js';
import AdminHeader from '../components/AdminHeader.js';
export default function DashboardPage({ stats }) {
const loading = stats === null || stats === undefined;
const widgets = getWidgets();
return (
<div className="flex flex-col gap-4 sm:gap-6 lg:gap-8">
<AdminHeader title="Tableau de bord" description="Vue d'ensemble de votre application" />
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-4 sm:gap-6">
{widgets.map(({ id, Component }) => (
<Component key={id} data={loading ? null : (stats[id] ?? null)} loading={loading} />
))}
</div>
</div>
);
}