Add dark mode, i18n, messenger/moderation/verify, admin CRUD parity

Web-tier features completing the AtomCMS→Next.js conversion (slice 2): UI/UX: - Dark mode: html.dark CSS-var overrides + ThemeSwitcher (localStorage, no-flash boot script) wired into the nav. - i18n (next-intl, cookie-based / no URL routing): en + it catalogs, request.ts, provider in root layout, LanguageSwitcher; shell (nav, header, footer) fully translated. URLs + access-guard unchanged. - globals.css: --muted/--border aliases used across admin pages. User features: - /messages: offline messages + friend-request accept (server action re-reads session, two directional rows, idempotent). - Email verification: signed-token /verify route + sendVerification wired into register (best-effort, never blocks signup). - Article reactions: toggle UI on news/[slug] + server action. - Content moderation service (website_wordfilter + optional OpenAI moderations, fail-open) wired into article comments + guestbook. Admin CRUD parity (Filament replacement): - /admin/shop (+ new/[id]) packages CRUD + read-only orders. - /admin/transactions read-only PayPal log. - /admin/permissions, /admin/tags, /admin/ads (+ new/[id]), /admin/help-questions (+ new/[id]), /admin/radio/history, /admin/users/[id]/edit. All gated by requireStaff + logStaffActivity. Verified: tsc 0, vitest 48/48, next build 0 (all routes incl. new admin CRUD + /messages + /verify).
2026-06-28 16:06:42 +02:00
1 parent 22d53d0e9c
commit 7daeccb832
@@ -0,0 +1,131 @@
+import Link from "next/link";
+import { requireStaff } from "@/lib/admin/guard";
+import { prisma } from "@/lib/prisma";
+
+export const dynamic = "force-dynamic";
+
+const PER_PAGE = 25;
+
+// Read-only listing of PayPal / top-up transactions recorded by the CMS
+// (website_paypal_transactions). No mutations — this page never writes.
+//
+// website_* ids are BigInt; users.id (the payer) is the emulator-owned Int.
+// The model has no Prisma relation to User, so payer usernames are resolved in
+// one batched lookup keyed by userId.
+
+type Txn = Awaited<ReturnType<typeof prisma.websitePaypalTransactions.findMany>>[number];
+
+function fromDate(d: Date | null | undefined): string {
+  return d ? d.toISOString().slice(0, 16).replace("T", " ") : "—";
+}
+
+function formatAmount(amount: number, currency: string): string {
+  const n = Number(amount);
+  const value = Number.isFinite(n) ? n.toFixed(2) : "0.00";
+  return `${value} ${currency}`;
+}
+
+export default async function AdminTransactions({
+  searchParams,
+}: {
+  searchParams: Promise<{ page?: string }>;
+}) {
+  await requireStaff();
+
+  const sp = await searchParams;
+  const page = Math.max(1, Number(sp.page ?? "1") || 1);
+
+  let transactions: Txn[] = [];
+  let total = 0;
+  let names = new Map<number, string>();
+
+  try {
+    [transactions, total] = await Promise.all([
+      prisma.websitePaypalTransactions.findMany({
+        orderBy: { id: "desc" },
+        skip: (page - 1) * PER_PAGE,
+        take: PER_PAGE,
+      }),
+      prisma.websitePaypalTransactions.count(),
+    ]);
+
+    const userIds = [...new Set(transactions.map((t) => t.userId))];
+    if (userIds.length > 0) {
+      const users = await prisma.user.findMany({
+        where: { id: { in: userIds } },
+        select: { id: true, username: true },
+      });
+      names = new Map(users.map((u) => [u.id, u.username]));
+    }
+  } catch {
+    transactions = [];
+    total = 0;
+    names = new Map();
+  }
+
+  const pages = Math.max(1, Math.ceil(total / PER_PAGE));
+
+  return (
+    <main>
+      <h1>Transactions</h1>
+      <p className="muted" style={{ marginTop: "-0.4rem" }}>
+        Read-only · PayPal / top-up transactions recorded by the CMS, newest first.
+      </p>
+
+      <section className="card">
+        {transactions.length === 0 ? (
+          <p className="muted">No transactions.</p>
+        ) : (
+          <div style={{ overflowX: "auto" }}>
+            <table style={{ width: "100%", borderCollapse: "collapse" }}>
+              <thead>
+                <tr style={{ textAlign: "left", color: "var(--muted)" }}>
+                  <th>ID</th>
+                  <th>Payer</th>
+                  <th>Amount</th>
+                  <th>Package</th>
+                  <th>Status</th>
+                  <th>Transaction</th>
+                  <th>Date</th>
+                </tr>
+              </thead>
+              <tbody>
+                {transactions.map((t) => (
+                  <tr key={String(t.id)} style={{ borderTop: "1px solid var(--border)" }}>
+                    <td>{String(t.id)}</td>
+                    <td>
+                      <Link href={`/admin/users/${t.userId}`}>
+                        {names.get(t.userId) ?? `#${t.userId}`}
+                      </Link>
+                    </td>
+                    <td>{formatAmount(t.amount, t.currency)}</td>
+                    <td>{t.description ?? "—"}</td>
+                    <td>{t.status ?? "—"}</td>
+                    <td className="muted">{t.transactionId}</td>
+                    <td className="muted">{fromDate(t.createdAt)}</td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        )}
+      </section>
+
+      <p className="muted">
+        Page {page} / {pages} · {total} transactions
+        {page > 1 ? (
+          <>
+            {" · "}
+            <Link href={`/admin/transactions?page=${page - 1}`}>← Prev</Link>
+          </>
+        ) : null}
+        {page < pages ? (
+          <>
+            {" · "}
+            <Link href={`/admin/transactions?page=${page + 1}`}>Next →</Link>
+          </>
+        ) : null}
+      </p>
+    </main>
+  );
+}