Add niche admin + public expansions + self-host Nunito font (batches 3-4)

Built via two more parallel agent workflows (read schema -> return files),
integrated + verified.

Admin: /admin/emulator (emulator_settings + emulator_texts key/value editor),
/admin/badges (give-badge via RCON), /admin/rare-values (CRUD), /admin/housekeeping
(CRUD), /admin/email-templates (CRUD), /admin/photos (moderation).
Public: /rares (+[category]), /leaderboard (credits/diamonds/duckets),
/guilds (+[id] members), /redeem (voucher -> sendCurrency).
Expanded: /u/[username] now shows badges + photos + guestbook (post form);
/news/[slug] now shows reactions + comments (comment form). Reactions tallied
in JS (Prisma groupBy typing avoided).
Self-hosted Nunito via next/font/google wired to --font-nunito (the atom theme
font, no runtime external fetch). Header + admin nav extended.

Verified: tsc exit 0, vitest 48/48, next build exit 0.
This commit is contained in:
Simo committed 2026-06-28 13:44:23 +02:00
1 parent e96b606e1e
commit e8be0461d8
28 files changed
+2347 -5

No files matched your search

+49
View File
@@ -0,0 +1,49 @@
"use client";
import { useActionState } from "react";
import { redeem, type RedeemState } from "@/actions/voucher";
const initialState: RedeemState = null;
/**
* Client form for /redeem. Uses useActionState so the redeem() server action's
* feedback ({ ok, message }) can be rendered inline without a redirect.
*/
export default function RedeemForm() {
const [state, formAction, pending] = useActionState(redeem, initialState);
return (
<form
action={formAction}
style={{ display: "flex", flexDirection: "column", gap: "0.75rem" }}
>
<input
name="code"
maxLength={255}
placeholder="Enter your voucher code"
aria-label="Voucher code"
autoComplete="off"
required
/>
<div>
<button type="submit" className="btn btn-primary" disabled={pending}>
{pending ? "Redeeming…" : "Redeem voucher"}
</button>
</div>
{state ? (
<p
role="status"
aria-live="polite"
style={{
margin: "0.25rem 0 0",
fontWeight: 700,
color: state.ok ? "var(--color-secondary-hover)" : "var(--color-danger)",
}}
>
{state.message}
</p>
) : null}
</form>
);
}
+61
View File
@@ -0,0 +1,61 @@
import { redirect } from "next/navigation";
import RedeemForm from "./RedeemForm";
import { auth } from "@/lib/auth";
import { prisma } from "@/lib/prisma";
export const dynamic = "force-dynamic";
export default async function RedeemPage() {
const session = await auth();
if (!session?.user?.id) redirect("/login");
const id = Number(session.user.id);
// Show the signed-in user's current credit balance for context (fail soft).
let user: { username: string; credits: number } | null = null;
try {
user = await prisma.user.findUnique({
where: { id },
select: { username: true, credits: true },
});
} catch {
user = null;
}
if (!user) redirect("/login");
return (
<main>
<div className="hero">
<h1 style={{ marginBottom: "0.25rem" }}>Redeem a voucher</h1>
<p className="muted" style={{ margin: 0 }}>
Got a voucher code? Enter it below to add the reward to your account.
</p>
</div>
<div className="grid cols-2">
<div className="card">
<h3 style={{ marginTop: 0 }}>Enter your code</h3>
<RedeemForm />
<p className="muted" style={{ marginBottom: 0 }}>
Each voucher can only be redeemed once per account.
</p>
</div>
<div className="card">
<h3 style={{ marginTop: 0 }}>Your balance</h3>
<p style={{ margin: "0 0 0.6rem" }}>
Signed in as <strong>{user.username}</strong>.
</p>
<span className="currency">
<span className="coin credits">cr</span>
{user.credits.toLocaleString()}
</span>
<p className="muted" style={{ marginBottom: 0, marginTop: "0.85rem" }}>
Redeemed rewards are credited instantly and appear in-game the next time you log in.
</p>
</div>
</div>
</main>
);
}