Refactor: Center stats and remove redundant text

This commit is contained in:
gpt-engineer-app[bot]
2025-09-30 17:28:25 +00:00
parent f0af697309
commit d56e142247

View File

@@ -83,47 +83,38 @@ export default function Admin() {
<div className="grid grid-cols-3 gap-3 md:gap-6 mb-8">
<Card>
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardHeader className="flex flex-col items-center justify-center space-y-0 pb-2 text-center">
<FileText className="h-4 w-4 text-muted-foreground mb-2" />
<CardTitle className="text-sm font-medium">Pending Submissions</CardTitle>
<FileText className="h-4 w-4 text-muted-foreground" />
</CardHeader>
<CardContent>
<CardContent className="text-center">
<div className="text-2xl font-bold">
{realtimeStats.pendingSubmissions}
</div>
<p className="text-xs text-muted-foreground">
Content submissions awaiting moderation
</p>
</CardContent>
</Card>
<Card>
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardHeader className="flex flex-col items-center justify-center space-y-0 pb-2 text-center">
<Flag className="h-4 w-4 text-muted-foreground mb-2" />
<CardTitle className="text-sm font-medium">Open Reports</CardTitle>
<Flag className="h-4 w-4 text-muted-foreground" />
</CardHeader>
<CardContent>
<CardContent className="text-center">
<div className="text-2xl font-bold">
{realtimeStats.openReports}
</div>
<p className="text-xs text-muted-foreground">
User reports to review
</p>
</CardContent>
</Card>
<Card>
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardHeader className="flex flex-col items-center justify-center space-y-0 pb-2 text-center">
<AlertCircle className="h-4 w-4 text-muted-foreground mb-2" />
<CardTitle className="text-sm font-medium">Flagged Content</CardTitle>
<AlertCircle className="h-4 w-4 text-muted-foreground" />
</CardHeader>
<CardContent>
<CardContent className="text-center">
<div className="text-2xl font-bold">
{realtimeStats.flaggedContent}
</div>
<p className="text-xs text-muted-foreground">
Auto-flagged items
</p>
</CardContent>
</Card>
</div>