cloud370/accounts-manager-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial project setup with Next.js accounts manager

Browse Source 
- Set up Next.js project structure
- Added UI components and styling
- Configured package dependencies
- Added feature documentation

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Your Name
2025-09-23 01:40:14 +08:00
parent 75900a7dcf
commit 0b95ca36f1
37 changed files with 4004 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
components/accounts/stats-cards.tsx Normal file
View File

@@ -0,0 +1,93 @@
"use client";
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Database, TrendingUp, Users, Activity } from 'lucide-react';
import { StatsOverview } from '@/lib/types';
interface StatsCardsProps {
stats: StatsOverview | null;
loading?: boolean;
}
export function StatsCards({ stats, loading }: StatsCardsProps) {
if (loading) {
return (
<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
{Array.from({ length: 4 }).map((_, i) => (
<Card key={i}>
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium">加载中...</CardTitle>
</CardHeader>
<CardContent>
<div className="text-2xl font-bold">--</div>
</CardContent>
</Card>
))}
</div>
);
}
if (!stats) {
return null;
}
return (
<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
<Card>
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium">总账户数</CardTitle>
<Database className="h-4 w-4 text-muted-foreground" />
</CardHeader>
<CardContent>
<div className="text-2xl font-bold">{stats.totalAccounts}</div>
</CardContent>
</Card>
<Card>
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium">平台数量</CardTitle>
<TrendingUp className="h-4 w-4 text-muted-foreground" />
</CardHeader>
<CardContent>
<div className="text-2xl font-bold">{Object.keys(stats.platformSummary).length}</div>
<p className="text-xs text-muted-foreground">
{Object.entries(stats.platformSummary).slice(0, 3).map(([platform, count]) => (
`${platform}: ${count}`
)).join(', ')}
</p>
</CardContent>
</Card>
<Card>
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium">所有者数量</CardTitle>
<Users className="h-4 w-4 text-muted-foreground" />
</CardHeader>
<CardContent>
<div className="text-2xl font-bold">{Object.keys(stats.ownerSummary).length}</div>
<p className="text-xs text-muted-foreground">
{Object.entries(stats.ownerSummary).slice(0, 3).map(([owner, count]) => (
`${owner}: ${count}`
)).join(', ')}
</p>
</CardContent>
</Card>
<Card>
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium">可用账户</CardTitle>
<Activity className="h-4 w-4 text-muted-foreground" />
</CardHeader>
<CardContent>
<div className="text-2xl font-bold text-green-600">
{stats.statusSummary.available || 0}
</div>
<p className="text-xs text-muted-foreground">
已锁定: {stats.statusSummary.locked || 0} |
已封禁: {stats.statusSummary.banned || 0}
</p>
</CardContent>
</Card>
</div>
);
}