tahamajs/IE / Projects /front /src /components /admin /AdminStatsCards.tsx
tahamajs's picture
download
raw
984 Bytes
interface AdminStatsCardsProps {
totalUsers: number;
totalArticles: number;
totalComments: number;
}
export function AdminStatsCards({ totalUsers, totalArticles, totalComments }: AdminStatsCardsProps) {
return (
<div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
<div className="bg-white dark:bg-gray-800 rounded-xl shadow p-6 text-center">
<p className="text-gray-500">Total Users</p>
<p className="text-4xl font-bold text-blue-600">{totalUsers}</p>
</div>
<div className="bg-white dark:bg-gray-800 rounded-xl shadow p-6 text-center">
<p className="text-gray-500">Total Articles</p>
<p className="text-4xl font-bold text-blue-600">{totalArticles}</p>
</div>
<div className="bg-white dark:bg-gray-800 rounded-xl shadow p-6 text-center">
<p className="text-gray-500">Total Comments</p>
<p className="text-4xl font-bold text-blue-600">{totalComments}</p>
</div>
</div>
);
}

Xet Storage Details

Size:
984 Bytes
·
Xet hash:
f0ae90dac0c54854e65b923389cad244f4c2fccd7e0c66b8ac3edbc337a8e930

Xet efficiently stores files, intelligently splitting them into unique chunks and accelerating uploads and downloads. More info.