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/logs/audit/audit-table.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { useTranslations } from "next-intl";
 import { useState } from "react";
 import { DataTable } from "@/components/admin/data-table";
 import { Badge } from "@/components/ui/badge";
@@ -17,24 +18,25 @@ interface AuditRow {
 }
 
 function DiffCell({ diff }: { diff: string | null }) {
+	const t = useTranslations("pages.admin.logs");
 	const [open, setOpen] = useState(false);
-	if (!diff) return <span className="text-muted-foreground">-</span>;
+	if (!diff) return <span className="text-muted-foreground">{t("emptyValue")}</span>;
 
 	let parsed: Record<string, { from: unknown; to: unknown }>;
 	try {
 		parsed = JSON.parse(diff);
 	} catch {
-		return <span className="text-muted-foreground">-</span>;
+		return <span className="text-muted-foreground">{t("emptyValue")}</span>;
 	}
 
 	const keys = Object.keys(parsed);
 	if (keys.length === 0)
-		return <span className="text-muted-foreground">-</span>;
+		return <span className="text-muted-foreground">{t("emptyValue")}</span>;
 
 	const summary =
 		keys.length === 1
 			? `${keys[0]}: ${String(parsed[keys[0]].from ?? "∅")} → ${String(parsed[keys[0]].to ?? "∅")}`
-			: `${keys.length} changes`;
+			: t("audit.changesCount", { count: keys.length });
 
 	return (
 		<div>
@@ -66,51 +68,57 @@ function DiffCell({ diff }: { diff: string | null }) {
 	);
 }
 
-const columns: DataTableColumn<AuditRow>[] = [
-	{ key: "id", label: "ID", sortable: true },
-	{ key: "username", label: "User", sortable: true },
-	{
-		key: "action",
-		label: "Action",
-		sortable: true,
-		render: (value) => {
-			const v = String(value);
-			let variant: "default" | "secondary" | "destructive" = "secondary";
-			if (v.includes("create") || v.includes("add")) variant = "default";
-			if (v.includes("delete") || v.includes("remove") || v.includes("ban"))
-				variant = "destructive";
-			return <Badge variant={variant}>{v}</Badge>;
-		},
-	},
-	{ key: "target", label: "Target", sortable: true },
-	{
-		key: "targetId",
-		label: "Target ID",
-		render: (value) => <span>{value != null ? String(value) : "-"}</span>,
-	},
-	{
-		key: "diff",
-		label: "Details",
-		render: (_value, row) => <DiffCell diff={row.diff} />,
-	},
-	{
-		key: "createdAt",
-		label: "Date",
-		sortable: true,
-		render: (value) => <span>{String(value) || "N/A"}</span>,
-	},
-];
-
 interface AuditTableProps {
 	data: PaginatedResult<AuditRow>;
 }
 
 export function AuditTable({ data }: AuditTableProps) {
+	const t = useTranslations("pages.admin.logs");
+
+	const columns: DataTableColumn<AuditRow>[] = [
+		{ key: "id", label: t("colId"), sortable: true },
+		{ key: "username", label: t("colUser"), sortable: true },
+		{
+			key: "action",
+			label: t("colAction"),
+			sortable: true,
+			render: (value) => {
+				const v = String(value);
+				let variant: "default" | "secondary" | "destructive" = "secondary";
+				if (v.includes("create") || v.includes("add")) variant = "default";
+				if (v.includes("delete") || v.includes("remove") || v.includes("ban"))
+					variant = "destructive";
+				return <Badge variant={variant}>{v}</Badge>;
+			},
+		},
+		{ key: "target", label: t("colTarget"), sortable: true },
+		{
+			key: "targetId",
+			label: t("audit.colTargetId"),
+			render: (value) => (
+				<span>{value != null ? String(value) : t("emptyValue")}</span>
+			),
+		},
+		{
+			key: "diff",
+			label: t("audit.colDetails"),
+			render: (_value, row) => <DiffCell diff={row.diff} />,
+		},
+		{
+			key: "createdAt",
+			label: t("audit.colDate"),
+			sortable: true,
+			render: (value) => (
+				<span>{String(value) || t("audit.notAvailable")}</span>
+			),
+		},
+	];
+
 	return (
 		<DataTable
 			data={data}
 			columns={columns}
-			searchPlaceholder="Search by action or target..."
+			searchPlaceholder={t("audit.searchPlaceholder")}
 			exportUrl="/api/admin/export?type=audit"
 		/>
 	);