i18n observability hub: analytics pages and log tables.

Translate analytics overview/activity/economy plus peak-hours/revenue charts, and audit/chat/commands/trades DataTables (en/nl/it). Includes prior events/polls detail i18n.

Co-authored-by: Cursor <[email protected]>

src/app/admin/analytics/page.tsx

@@ -6,6 +6,7 @@ import {
 	TrendingUp,
 	Users,
 } from "lucide-react";
+import { getLocale, getTranslations } from "next-intl/server";
 import { redirect } from "next/navigation";
 import { DashboardChart } from "@/components/admin/dashboard-chart";
 import { PeakHoursHeatmap } from "@/components/admin/peak-hours-heatmap";
@@ -53,7 +54,7 @@ async function safeCount(fn: () => Promise<number>): Promise<number> {
 	}
 }
 
-async function getAnalyticsData(): Promise<AnalyticsData> {
+async function getAnalyticsData(locale: string): Promise<AnalyticsData> {
 	const now = Math.floor(Date.now() / 1000);
 	const todayStart = now - (now % 86400);
 	const weekAgo = now - 7 * 86400;
@@ -116,7 +117,7 @@ async function getAnalyticsData(): Promise<AnalyticsData> {
 				const bucket = Math.floor(dayStart / 86400);
 				const date = new Date(dayStart * 1000);
 				registrationChart.push({
-					label: date.toLocaleDateString("en", {
+					label: date.toLocaleDateString(locale, {
 						month: "short",
 						day: "numeric",
 					}),
@@ -176,43 +177,48 @@ export default async function AnalyticsPage() {
 		redirect("/admin");
 	}
 
-	const data = await getAnalyticsData();
+	const locale = await getLocale();
+	const t = await getTranslations("pages.admin.analytics");
+	const data = await getAnalyticsData(locale);
 
 	return (
 		<div className="space-y-6">
 			<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
 				<StatsCard
-					title="Total Users"
-					value={data.totalUsers.toLocaleString()}
-					description={`${data.onlineUsers} online now`}
+					title={t("totalUsers")}
+					value={data.totalUsers.toLocaleString(locale)}
+					description={t("onlineNow", { count: data.onlineUsers })}
 					icon={<Users className="h-4 w-4" />}
 				/>
 				<StatsCard
-					title="Week Registrations"
-					value={data.weekRegistrations.toLocaleString()}
-					description={`${data.monthRegistrations} this month`}
+					title={t("weekRegistrations")}
+					value={data.weekRegistrations.toLocaleString(locale)}
+					description={t("thisMonth", { count: data.monthRegistrations })}
 					icon={<TrendingUp className="h-4 w-4" />}
 				/>
 				<StatsCard
-					title="Active Rooms"
-					value={data.activeRooms.toLocaleString()}
-					description={`${data.totalRooms} total rooms`}
+					title={t("activeRooms")}
+					value={data.activeRooms.toLocaleString(locale)}
+					description={t("totalRooms", { count: data.totalRooms })}
 					icon={<DoorOpen className="h-4 w-4" />}
 				/>
 				<StatsCard
-					title="Weekly Activity"
-					value={data.weekChatMessages.toLocaleString()}
-					description={`${data.weekTrades} trades, ${data.weekBans} bans`}
+					title={t("weeklyActivity")}
+					value={data.weekChatMessages.toLocaleString(locale)}
+					description={t("tradesAndBans", {
+						trades: data.weekTrades,
+						bans: data.weekBans,
+					})}
 					icon={<MessageSquare className="h-4 w-4" />}
 				/>
 			</div>
 
 			<div className="grid gap-6 md:grid-cols-2">
 				<DashboardChart
-					title="Registrations (30 days)"
+					title={t("registrationsChartTitle")}
 					data={data.registrationChart}
 					color="hsl(262, 83%, 58%)"
-					description="New user registrations over the last 30 days"
+					description={t("registrationsChartDescription")}
 				/>
 				<PeakHoursHeatmap data={data.peakHours} />
 			</div>
@@ -221,37 +227,37 @@ export default async function AnalyticsPage() {
 				<Card>
 					<CardHeader>
 						<CardTitle className="flex items-center gap-2">
-							<MessageSquare className="h-4 w-4" /> Chat Activity
+							<MessageSquare className="h-4 w-4" /> {t("chatActivity")}
 						</CardTitle>
 					</CardHeader>
 					<CardContent>
 						<div className="text-3xl font-bold">
-							{data.weekChatMessages.toLocaleString()}
+							{data.weekChatMessages.toLocaleString(locale)}
 						</div>
 						<p className="text-sm text-muted-foreground">
-							Messages in the last 7 days
+							{t("messagesLast7Days")}
 						</p>
 					</CardContent>
 				</Card>
 				<Card>
 					<CardHeader>
 						<CardTitle className="flex items-center gap-2">
-							<ArrowLeftRight className="h-4 w-4" /> Trades
+							<ArrowLeftRight className="h-4 w-4" /> {t("trades")}
 						</CardTitle>
 					</CardHeader>
 					<CardContent>
 						<div className="text-3xl font-bold">
-							{data.weekTrades.toLocaleString()}
+							{data.weekTrades.toLocaleString(locale)}
 						</div>
 						<p className="text-sm text-muted-foreground">
-							Trades in the last 7 days
+							{t("tradesLast7Days")}
 						</p>
 					</CardContent>
 				</Card>
 				<Card>
 					<CardHeader>
 						<CardTitle className="flex items-center gap-2">
-							<Clock className="h-4 w-4" /> Retention
+							<Clock className="h-4 w-4" /> {t("retention")}
 						</CardTitle>
 					</CardHeader>
 					<CardContent>
@@ -262,7 +268,7 @@ export default async function AnalyticsPage() {
 							%
 						</div>
 						<p className="text-sm text-muted-foreground">
-							Users online / total
+							{t("usersOnlineOverTotal")}
 						</p>
 					</CardContent>
 				</Card>