root/chadebebe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
michaeltieso
2025-12-01 14:49:17 +00:00
commit 3480888eaa
92 changed files with 16631 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
components/admin/StatsGrid.tsx Normal file
View File

@@ -0,0 +1,69 @@
interface Stats {
totalWishlists: number;
publicWishlists: number;
totalItems: number;
}
interface StatsGridProps {
stats: Stats;
}
export default function StatsGrid({ stats }: StatsGridProps) {
return (
<div className="grid grid-cols-1 gap-4 sm:grid-cols-3 mb-8">
<div className="bg-white dark:bg-gray-800 overflow-hidden shadow-sm rounded-lg border border-gray-200 dark:border-gray-700">
<div className="p-5">
<div className="flex items-center">
<div className="flex-shrink-0 text-3xl">📋</div>
<div className="ml-4 w-0 flex-1">
<dl>
<dt className="text-base font-medium text-gray-500 dark:text-gray-400 truncate">
Total Wishlists
</dt>
<dd className="text-2xl font-bold text-gray-900 dark:text-white">
{stats.totalWishlists}
</dd>
</dl>
</div>
</div>
</div>
</div>
<div className="bg-white dark:bg-gray-800 overflow-hidden shadow-sm rounded-lg border border-gray-200 dark:border-gray-700">
<div className="p-5">
<div className="flex items-center">
<div className="flex-shrink-0 text-3xl">🌐</div>
<div className="ml-4 w-0 flex-1">
<dl>
<dt className="text-base font-medium text-gray-500 dark:text-gray-400 truncate">
Public Wishlists
</dt>
<dd className="text-2xl font-bold text-gray-900 dark:text-white">
{stats.publicWishlists}
</dd>
</dl>
</div>
</div>
</div>
</div>
<div className="bg-white dark:bg-gray-800 overflow-hidden shadow-sm rounded-lg border border-gray-200 dark:border-gray-700">
<div className="p-5">
<div className="flex items-center">
<div className="flex-shrink-0 text-3xl">🎁</div>
<div className="ml-4 w-0 flex-1">
<dl>
<dt className="text-base font-medium text-gray-500 dark:text-gray-400 truncate">
Total Items
</dt>
<dd className="text-2xl font-bold text-gray-900 dark:text-white">
{stats.totalItems}
</dd>
</dl>
</div>
</div>
</div>
</div>
</div>
);
}