'use client'; import { useState, useEffect } from 'react'; import { useTranslations } from 'next-intl'; type Stats = { todayUV: number; todayPV: number; userCount: number; postCount: number; dailyStats: { viewDate: string; uv: number; pv: number }[]; eventCounts: { eventType: string; count: number }[]; topPosts: { id: number; title: string; titleEn: string | null; slug: string; likeCount: number; dislikeCount: number }[]; }; export function AdminOverview() { const t = useTranslations('admin'); const [stats, setStats] = useState(null); const [loading, setLoading] = useState(true); useEffect(() => { fetch('/api/stats?days=7') .then(r => { if (!r.ok) throw new Error(`HTTP ${r.status}`); return r.json(); }) .then(data => setStats(data)) .catch(() => setStats(null)) .finally(() => setLoading(false)); }, []); if (loading) return
加载中...
; if (!stats) return
无数据
; const dailyStats = stats.dailyStats ?? []; const eventCounts = stats.eventCounts ?? []; const topPosts = stats.topPosts ?? []; const maxUV = Math.max(1, ...dailyStats.map(d => d.uv)); return ( <>
{t('todayUV')}
{stats.todayUV}
{t('todayPV')}
{stats.todayPV}
{t('users')}
{stats.userCount}
{t('posts')}
{stats.postCount}

{t('recent7d')}

{dailyStats.slice(0, 7).reverse().map(d => (
{d.uv}
{d.viewDate.slice(5)}
))}

{t('topPosts')}

{topPosts.map(p => ( ))}
{t('posts')}♥✗
{p.title || p.titleEn} {p.likeCount} {p.dislikeCount}

{t('eventCounts')}

{eventCounts.map(e => (
{e.eventType}
{e.count}
))}
); }