Add remaining public + admin pages (parallel build, 26 files)

Built via two parallel agent workflows reading the real Prisma schema, then integrated + verified. Public: /shop (categories + storefront), /community hub, /rankings (top by credits), /staff, /photos (camera_web gallery), /help (categories + rules), /help/tickets (auth-gated user tickets + create), /settings (auth-gated, update motto via RCON). Admin: /admin/catalog (+[id] items), /admin/radio (shouts/apps/schedules + delete shout), /admin/teams (CRUD), /admin/permissions (read), /admin/wordfilter (CRUD + RCON push), /admin/ip (whitelist/blacklist CRUD), /admin/applications (list + dismiss), /admin/logs (chat/command/alert read), /admin/achievements (read). Server actions all staff-gated. Header + admin nav extended. Verified: tsc exit 0, vitest 48/48, next build exit 0 (33 routes); curl-probed every route — public 200/<main>, auth+admin correctly 307-redirect when unauthorized.
2026-06-28 13:24:55 +02:00
1 parent 9a79acebe7
commit e96b606e1e
@@ -0,0 +1,86 @@
+import { redirect } from "next/navigation";
+import { updateMotto } from "@/actions/user-settings";
+import { avatarImageUrl } from "@/lib/format";
+import { auth } from "@/lib/auth";
+import { prisma } from "@/lib/prisma";
+import { siteSettings } from "@/lib/services/site-settings";
+
+export const dynamic = "force-dynamic";
+
+export default async function SettingsPage() {
+  const session = await auth();
+  if (!session?.user?.id) redirect("/login");
+
+  const id = Number(session.user.id);
+
+  let user: {
+    username: string;
+    motto: string;
+    look: string;
+    mail: string | null;
+  } | null = null;
+  try {
+    user = await prisma.user.findUnique({
+      where: { id },
+      select: { username: true, motto: true, look: true, mail: true },
+    });
+  } catch {
+    user = null;
+  }
+
+  if (!user) redirect("/login");
+
+  let imagerBase = "https://www.habbo.com/habbo-imaging/avatarimage";
+  try {
+    imagerBase =
+      (await siteSettings.get("habbo_imaging_url", imagerBase)) ?? imagerBase;
+  } catch {
+    // fall back to the default imager base
+  }
+
+  const avatar = avatarImageUrl(imagerBase, user.look, { size: "l" });
+
+  return (
+    <main>
+      <h1>Account settings</h1>
+
+      <div
+        className="card"
+        style={{ display: "flex", gap: "1.5rem", alignItems: "center", marginBottom: "1.5rem" }}
+      >
+        {/* eslint-disable-next-line @next/next/no-img-element */}
+        <img className="avatar" src={avatar} alt={`${user.username} avatar`} width={100} height={150} />
+        <div>
+          <h2 style={{ margin: "0 0 0.25rem" }}>{user.username}</h2>
+          <p style={{ margin: "0 0 0.5rem" }}>
+            {user.motto || <span className="muted">No motto</span>}
+          </p>
+          <p className="muted" style={{ margin: 0 }}>
+            {user.mail || "No e-mail on file"}
+          </p>
+        </div>
+      </div>
+
+      <div className="card" style={{ maxWidth: 520 }}>
+        <h3 style={{ marginTop: 0 }}>Change motto</h3>
+        <form action={updateMotto} style={{ display: "flex", flexDirection: "column", gap: "0.75rem" }}>
+          <input
+            name="motto"
+            defaultValue={user.motto}
+            maxLength={127}
+            placeholder="Your motto"
+            aria-label="Motto"
+          />
+          <div>
+            <button type="submit" className="btn btn-primary">
+              Save motto
+            </button>
+          </div>
+        </form>
+        <p className="muted" style={{ marginBottom: 0 }}>
+          Updates instantly in-game if you are online.
+        </p>
+      </div>
+    </main>
+  );
+}