chore: remove 4 unused files (theme-editor-fields, use-user-bulk-actions, user-columns, use-media-library)

src/app/admin/users/[id]/user-quick-actions.tsx

@@ -34,6 +34,7 @@ import {
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
 import { useServerAction } from "@/hooks/use-server-action";
+import { formatNumber } from "@/lib/format-date";
 
 interface UserQuickActionsProps {
 	userId: number;
@@ -110,7 +111,7 @@ export function UserQuickActions({
 		const amount = parseInt(creditAmount, 10);
 		if (!amount || amount <= 0) return;
 		run(() => sendCredits({ userId, amount }), {
-			successMessage: `${amount.toLocaleString()} credits sent to ${username}.`,
+			successMessage: `${formatNumber(amount)} credits sent to ${username}.`,
 		});
 	}
 

src/app/admin/users/_components/user-hero.tsx

@@ -16,6 +16,7 @@ import Link from "@/components/link";
 import { CurrencyIcon } from "@/components/shared/currency-icon";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
+import { formatNumber } from "@/lib/format-date";
 import { getAvatarUrl } from "@/lib/imager";
 import { userDetailHref, userListHref } from "../user-list-navigation";
 
@@ -164,28 +165,24 @@ export function UserHero({
 							<div className="flex items-center gap-1.5 text-sm">
 								<CurrencyIcon kind="credits" size={18} />
 								<span className="font-semibold">
-									{user.credits.toLocaleString()}
+									{formatNumber(user.credits)}
 								</span>
 								<span className="text-muted-foreground text-xs">credits</span>
 							</div>
 							<div className="flex items-center gap-1.5 text-sm">
 								<CurrencyIcon kind="diamonds" size={18} />
-								<span className="font-semibold">
-									{diamonds.toLocaleString()}
-								</span>
+								<span className="font-semibold">{formatNumber(diamonds)}</span>
 								<span className="text-muted-foreground text-xs">diamonds</span>
 							</div>
 							<div className="flex items-center gap-1.5 text-sm">
 								<CurrencyIcon kind="duckets" size={18} />
-								<span className="font-semibold">
-									{duckets.toLocaleString()}
-								</span>
+								<span className="font-semibold">{formatNumber(duckets)}</span>
 								<span className="text-muted-foreground text-xs">duckets</span>
 							</div>
 							<div className="flex items-center gap-1.5 text-sm">
 								<CurrencyIcon kind="pixels" size={18} />
 								<span className="font-semibold">
-									{user.pixels.toLocaleString()}
+									{formatNumber(user.pixels)}
 								</span>
 								<span className="text-muted-foreground text-xs">pixels</span>
 							</div>
@@ -204,7 +201,7 @@ export function UserHero({
 						</Link>
 						<div className="rounded-lg border bg-card px-3 py-2 text-center">
 							<MessageSquare className="h-4 w-4 mx-auto text-muted-foreground" />
-							<p className="text-lg font-bold">{chatCount.toLocaleString()}</p>
+							<p className="text-lg font-bold">{formatNumber(chatCount)}</p>
 							<p className="text-[10px] text-muted-foreground">Messages</p>
 						</div>
 						<div className="rounded-lg border bg-card px-3 py-2 text-center">

src/app/admin/users/page.tsx

@@ -4,6 +4,7 @@ import { getTranslations } from "next-intl/server";
 import { AdminPageShell } from "@/components/admin/admin-page-shell";
 import { fetchAdminList } from "@/lib/admin-list";
 import { db, User } from "@/lib/db";
+import { formatNumber } from "@/lib/format-date";
 import { canAccess, PERMS } from "@/lib/permissions";
 import { CreateUserDialog } from "./_components/create-user-dialog";
 import { UsersTable } from "./users-table";
@@ -86,7 +87,7 @@ export default async function UsersPage({
 			}
 		>
 			<p className="text-muted-foreground m-0">
-				{result.total.toLocaleString()} users total
+				{formatNumber(result.total)} users total
 			</p>
 
 			<UsersTable

src/app/admin/users/use-user-bulk-actions.ts

@@ -1,185 +0,0 @@
-"use client";
-import { useState } from "react";
-import { toast } from "sonner";
-import {
-	bulkAdjustCurrency,
-	bulkBan,
-	bulkGiveBadge,
-	bulkUnban,
-} from "@/actions/bulk-users";
-
-type PendingDialog =
-	| { kind: "ban"; ids: number[] }
-	| { kind: "give-currency"; ids: number[] }
-	| { kind: "give-badge"; ids: number[] }
-	| null;
-
-export function useUserBulkActions() {
-	const [pending, setPending] = useState<PendingDialog>(null);
-	const [busy, setBusy] = useState(false);
-	const [banReason, setBanReason] = useState("Bulk ban");
-	const [banDuration, setBanDuration] = useState("-1");
-	const [currencyType, setCurrencyType] = useState<
-		"credits" | "pixels" | "points"
-	>("credits");
-	const [currencyAmount, setCurrencyAmount] = useState("100");
-	const [badgeCode, setBadgeCode] = useState("");
-
-	function reportResult(
-		label: string,
-		ok: number,
-		total: number,
-		failures = 0,
-	) {
-		if (ok > 0)
-			toast.success(
-				`${label}: ${ok}/${total}${failures ? ` · ${failures} failed` : ""}`,
-			);
-		if (failures > 0 && ok === 0)
-			toast.error(`${label} failed for ${failures} users`);
-	}
-
-	async function handleBulkAction(action: string, ids: (number | string)[]) {
-		if (busy) return;
-		const numericIds = ids.map((i) => Number(i));
-
-		if (action === "unban") {
-			setBusy(true);
-			try {
-				const result = await bulkUnban({ userIds: numericIds });
-				if (result.ok) {
-					const data = result.data as { unbanned: number; total: number };
-					reportResult("Unbanned", data.unbanned, data.total);
-				} else toast.error(result.error);
-			} catch {
-				toast.error(
-					"Network error. The outcome is uncertain; check the user before retrying.",
-				);
-			} finally {
-				setBusy(false);
-			}
-			return;
-		}
-
-		if (action === "ban") {
-			setPending({ kind: "ban", ids: numericIds });
-			return;
-		}
-
-		if (action === "give-currency") {
-			setPending({ kind: "give-currency", ids: numericIds });
-			return;
-		}
-
-		if (action === "give-badge") {
-			setPending({ kind: "give-badge", ids: numericIds });
-			return;
-		}
-	}
-
-	async function confirmBan() {
-		if (pending?.kind !== "ban") return;
-		setBusy(true);
-		try {
-			const result = await bulkBan({
-				userIds: pending.ids,
-				reason: banReason,
-				duration: Number(banDuration),
-			});
-			if (result.ok) {
-				const data = result.data as { banned: number };
-				reportResult("Banned", data.banned, pending.ids.length);
-				setPending(null);
-			} else toast.error(result.error);
-		} catch {
-			toast.error(
-				"Network error. The outcome is uncertain; check the user before retrying.",
-			);
-		} finally {
-			setBusy(false);
-		}
-	}
-
-	async function confirmGiveCurrency() {
-		if (pending?.kind !== "give-currency") return;
-		setBusy(true);
-		try {
-			const result = await bulkAdjustCurrency({
-				userIds: pending.ids,
-				amount: Number(currencyAmount),
-				type: currencyType,
-			});
-			if (result.ok) {
-				const data = result.data as {
-					adjusted: number;
-					total: number;
-					failedIds: { userId: number; reason: string }[];
-				};
-				reportResult(
-					`Adjusted ${currencyAmount} ${currencyType}`,
-					data.adjusted,
-					data.total,
-					data.failedIds.length,
-				);
-				setPending(null);
-			} else toast.error(result.error);
-		} catch {
-			toast.error(
-				"Network error. The outcome is uncertain; check the user before retrying.",
-			);
-		} finally {
-			setBusy(false);
-		}
-	}
-
-	async function confirmGiveBadge() {
-		if (pending?.kind !== "give-badge") return;
-		setBusy(true);
-		try {
-			const result = await bulkGiveBadge({
-				userIds: pending.ids,
-				badgeCode: badgeCode.trim().toUpperCase(),
-			});
-			if (result.ok) {
-				const data = result.data as {
-					given: number;
-					total: number;
-					failedIds: { userId: number; reason: string }[];
-				};
-				reportResult(
-					`Given badge ${badgeCode}`,
-					data.given,
-					data.total,
-					data.failedIds.length,
-				);
-				setPending(null);
-			} else toast.error(result.error);
-		} catch {
-			toast.error(
-				"Network error. The outcome is uncertain; check the user before retrying.",
-			);
-		} finally {
-			setBusy(false);
-		}
-	}
-
-	return {
-		pending,
-		setPending,
-		busy,
-		banReason,
-		setBanReason,
-		banDuration,
-		setBanDuration,
-		currencyType,
-		setCurrencyType,
-		currencyAmount,
-		setCurrencyAmount,
-		badgeCode,
-		setBadgeCode,
-		handleBulkAction,
-		confirmBan,
-		confirmGiveCurrency,
-		confirmGiveBadge,
-	};
-}

src/app/admin/users/user-columns.tsx

@@ -1,166 +0,0 @@
-"use client";
-import { Eye, Pencil, Wifi, WifiOff } from "lucide-react";
-import Link from "@/components/link";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import { getAvatarUrl } from "@/lib/imager";
-import type { DataTableColumn } from "@/types/common";
-import { userDetailHref } from "./user-list-navigation";
-export interface UserRow {
-	id: number;
-	username: string;
-	mail: string | null;
-	rank: number;
-	credits: number;
-	pixels: number;
-	online: string;
-	motto: string;
-	look: string;
-	ipRegister: string;
-	accountCreated: number;
-	lastLogin: number | null;
-}
-
-const RANK_LABELS: Record<number, string> = {
-	1: "User",
-	2: "Bronze",
-	3: "Silver",
-	4: "Gold",
-	5: "Moderator",
-	6: "Admin",
-	7: "Super Admin",
-};
-
-export function getUserColumns(
-	canEdit: boolean,
-	listQuery: string,
-): DataTableColumn<UserRow>[] {
-	const cols: DataTableColumn<UserRow>[] = [
-		{ key: "id", label: "ID", sortable: true },
-		{
-			key: "username",
-			label: "User",
-			sortable: true,
-			render: (_, row) => (
-				<Link
-					href={userDetailHref(row.id, "show", listQuery)}
-					className="flex items-center gap-2.5 hover:opacity-80"
-				>
-					<img
-						src={getAvatarUrl(row.look, {
-							size: "m",
-							direction: 2,
-							headDirection: 2,
-						})}
-						alt=""
-						width={64}
-						height={110}
-						className="h-[110px] w-16 shrink-0"
-						style={{ imageRendering: "pixelated" }}
-					/>
-					<div className="min-w-0">
-						<span className="font-medium block">{row.username}</span>
-						{row.motto && (
-							<span className="text-xs text-muted-foreground truncate block max-w-[200px]">
-								{row.motto}
-							</span>
-						)}
-					</div>
-				</Link>
-			),
-		},
-		{ key: "mail", label: "Email", sortable: true },
-		{
-			key: "rank",
-			label: "Rank",
-			sortable: true,
-			filterKey: "filter_rank",
-			filterOptions: [
-				{ label: "User (1)", value: "1" },
-				{ label: "Bronze (2)", value: "2" },
-				{ label: "Silver (3)", value: "3" },
-				{ label: "Gold (4)", value: "4" },
-				{ label: "Moderator (5)", value: "5" },
-				{ label: "Admin (6)", value: "6" },
-				{ label: "Super Admin (7+)", value: "7" },
-			],
-			render: (value) => {
-				const r = Number(value);
-				return (
-					<Badge
-						variant={r >= 7 ? "default" : r >= 5 ? "secondary" : "outline"}
-					>
-						{RANK_LABELS[r] || `Rank ${r}`}
-					</Badge>
-				);
-			},
-		},
-		{
-			key: "credits",
-			label: "Credits",
-			sortable: true,
-			render: (value) => (
-				<span className="tabular-nums">{Number(value).toLocaleString()}</span>
-			),
-		},
-		{
-			key: "online",
-			label: "Status",
-			filterKey: "filter_online",
-			filterOptions: [
-				{ label: "Online", value: "1" },
-				{ label: "Offline", value: "0" },
-			],
-			render: (value) =>
-				value === "1" ? (
-					<span className="flex items-center gap-1.5 text-[var(--admin-success)]">
-						<Wifi className="h-3.5 w-3.5" /> Online
-					</span>
-				) : (
-					<span className="flex items-center gap-1.5 text-muted-foreground">
-						<WifiOff className="h-3.5 w-3.5" /> Offline
-					</span>
-				),
-		},
-		{
-			key: "accountCreated",
-			label: "Registered",
-			sortable: true,
-			render: (value) => {
-				const ts = Number(value);
-				if (!ts) return "-";
-				return (
-					<span className="text-xs text-muted-foreground">
-						{new Date(ts * 1000).toLocaleDateString("it-IT", {
-							day: "2-digit",
-							month: "short",
-							year: "numeric",
-						})}
-					</span>
-				);
-			},
-		},
-		{
-			key: "actions",
-			label: "",
-			render: (_, row) => (
-				<div className="flex items-center gap-1">
-					<Button variant="ghost" size="icon" asChild title="View">
-						<Link href={userDetailHref(row.id, "show", listQuery)}>
-							<Eye className="h-4 w-4" />
-						</Link>
-					</Button>
-					{canEdit && (
-						<Button variant="ghost" size="icon" asChild title="Edit">
-							<Link href={userDetailHref(row.id, "edit", listQuery)}>
-								<Pencil className="h-4 w-4" />
-							</Link>
-						</Button>
-					)}
-				</div>
-			),
-		},
-	];
-
-	return cols;
-}

src/app/admin/users/users-table.tsx

@@ -31,7 +31,7 @@ import {
 	SelectTrigger,
 	SelectValue,
 } from "@/components/ui/select";
-import { formatDate } from "@/lib/format-date";
+import { formatDate, formatNumber } from "@/lib/format-date";
 import { getAvatarUrl } from "@/lib/imager";
 import type { DataTableColumn, PaginatedResult } from "@/types/common";
 
@@ -126,7 +126,7 @@ function getColumns(canEdit: boolean): DataTableColumn<UserRow>[] {
 			label: "Credits",
 			sortable: true,
 			render: (value) => (
-				<span className="tabular-nums">{Number(value).toLocaleString()}</span>
+				<span className="tabular-nums">{formatNumber(Number(value))}</span>
 			),
 		},
 		{