remco/EpicNext-Cms
1
1 Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Translate admin panel to all 6 languages

Browse Source
This commit is contained in:
openhands committed 2026-07-04 21:21:15 +02:00
1 parent f381aa987f
commit befa4ec282
63 files changed
+9353 -1443
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/app/admin/achievements/page.tsx
+15 -14
View File
@@ -1,4 +1,5 @@
import { Award } from "lucide-react";
import { getTranslations } from "next-intl/server";
import { StatusCard } from "@/components/admin/dashboard";
import { prisma } from "@/lib/prisma";
@@ -15,6 +16,8 @@ type Achievement = {
};
export default async function AdminAchievements() {
const t = await getTranslations("pages.admin.achievements");
let achievements: Achievement[] = [];
try {
achievements = await prisma.achievements.findMany({
@@ -33,7 +36,6 @@ export default async function AdminAchievements() {
achievements = [];
}
// Group by category (already sorted by category, then name, then level).
const groups = new Map<string, Achievement[]>();
for (const a of achievements) {
const list = groups.get(a.category) ?? [];
@@ -41,7 +43,6 @@ export default async function AdminAchievements() {
groups.set(a.category, list);
}
// Distinct achievement names (each name can have multiple level rows).
const distinctNames = new Set(achievements.map((a) => a.name)).size;
return (
@@ -51,19 +52,19 @@ export default async function AdminAchievements() {
<Award size={20} className="text-[var(--color-primary)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">Achievements</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">Read-only · {achievements.length} rows across {groups.size} categories.</p>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("title")}</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">{t("subtitle", { rows: achievements.length, categories: groups.size })}</p>
</div>
</div>
<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
<StatusCard label="Achievement rows" value={achievements.length} icon="🏆" />
<StatusCard label="Distinct achievements" value={distinctNames} icon="🎖️" />
<StatusCard label="Categories" value={groups.size} icon="🗂️" />
<StatusCard label={t("achievementRows")} value={achievements.length} icon="🏆" />
<StatusCard label={t("distinctAchievements")} value={distinctNames} icon="🎖️" />
<StatusCard label={t("categories")} value={groups.size} icon="🗂️" />
</div>
{groups.size === 0 ? (
<div className="admin-empty">No achievements found.</div>
<div className="admin-empty">{t("noAchievements")}</div>
) : (
[...groups.entries()].map(([category, rows]) => (
<section key={category} className="mt-6">
@@ -75,12 +76,12 @@ export default async function AdminAchievements() {
<table>
<thead>
<tr>
<th>Name</th>
<th>Level</th>
<th>Progress needed</th>
<th>Reward type</th>
<th>Reward amount</th>
<th>Points</th>
<th>{t("colName")}</th>
<th>{t("colLevel")}</th>
<th>{t("colProgress")}</th>
<th>{t("colRewardType")}</th>
<th>{t("colRewardAmount")}</th>
<th>{t("colPoints")}</th>
</tr>
</thead>
<tbody>
src/app/admin/ads/page.tsx
+13 -11
View File
@@ -1,4 +1,5 @@
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { Megaphone } from "lucide-react";
import { StatusCard } from "@/components/admin/dashboard";
import { prisma } from "@/lib/prisma";
@@ -6,6 +7,7 @@ import { prisma } from "@/lib/prisma";
export const dynamic = "force-dynamic";
export default async function AdminAds() {
const t = await getTranslations("pages.admin.ads");
let ads: Awaited<ReturnType<typeof prisma.websiteAds.findMany>> = [];
try {
ads = await prisma.websiteAds.findMany({
@@ -27,30 +29,30 @@ export default async function AdminAds() {
<Megaphone size={20} className="text-[var(--color-primary)]" />
</div>
<div className="flex-1">
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">Advertisements</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">Website advertisement banners (<code>website_ads</code>). Each ad is an image URL shown across the site.</p>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("title")}</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">{t("subtitle")}</p>
</div>
<Link href="/admin/ads/new" className="btn btn-primary">
+ New ad
+ {t("newAd")}
</Link>
</div>
<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
<StatusCard label="Ads" value={ads.length} icon="🖼️" />
<StatusCard label="Latest" value={latest} hint="most recent ad" icon="🕒" />
<StatusCard label={t("adsCount")} value={ads.length} icon="🖼️" />
<StatusCard label={t("latest")} value={latest} hint={t("mostRecentAd")} icon="🕒" />
</div>
<section className="mt-6">
<h2 className="admin-section-title">All ads</h2>
<h2 className="admin-section-title">{t("allAds")}</h2>
{ads.length === 0 ? (
<div className="admin-empty">No advertisements yet.</div>
<div className="admin-empty">{t("noAds")}</div>
) : (
<table>
<thead>
<tr>
<th>Preview</th>
<th>Image URL</th>
<th>Created</th>
<th>{t("colPreview")}</th>
<th>{t("colImage")}</th>
<th>{t("colCreated")}</th>
<th />
</tr>
</thead>
@@ -68,7 +70,7 @@ export default async function AdminAds() {
{ad.createdAt ? ad.createdAt.toISOString().slice(0, 10) : "—"}
</td>
<td>
<Link href={`/admin/ads/${ad.id}`}>Edit</Link>
<Link href={`/admin/ads/${ad.id}`}>{t("edit")}</Link>
</td>
</tr>
))}
src/app/admin/alerts/page.tsx
+21 -22
View File
File diff suppressed because it is too large. Load diff
src/app/admin/applications/page.tsx
+10 -8
View File
@@ -3,6 +3,7 @@ import { ClipboardList } from "lucide-react";
import { dismissApplication } from "@/actions/admin-applications";
import { StatusCard } from "@/components/admin/dashboard";
import { prisma } from "@/lib/prisma";
import { getTranslations } from "next-intl/server";
export const dynamic = "force-dynamic";
@@ -19,6 +20,7 @@ function formatDate(d: Date | null): string {
}
export default async function AdminApplications() {
const t = await getTranslations("pages.admin.applications");
let applications: ApplicationRow[] = [];
try {
applications = await prisma.websiteStaffApplications.findMany({
@@ -51,14 +53,14 @@ export default async function AdminApplications() {
<ClipboardList size={20} className="text-[var(--color-primary)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">Staff Applications</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">Pending applications from players requesting a staff rank.</p>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("title")}</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">{t("subtitle")}</p>
</div>
</div>
<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
<StatusCard
label="Pending applications"
label={t("pending")}
value={applications.length}
state={applications.length > 0 ? "warn" : "ok"}
icon="📨"
@@ -66,9 +68,9 @@ export default async function AdminApplications() {
</div>
<section className="mt-6">
<h2 className="admin-section-title">Applications ({applications.length})</h2>
<h2 className="admin-section-title">{t("applicationsTitle", { count: applications.length })}</h2>
{applications.length === 0 ? (
<div className="admin-empty">No pending applications.</div>
<div className="admin-empty">{t("noApplications")}</div>
) : (
<div className="grid cols-2">
{applications.map((a) => {
@@ -80,10 +82,10 @@ export default async function AdminApplications() {
{username ? (
<Link href={`/admin/users/${a.userId}`}>{username}</Link>
) : (
<>User #{a.userId}</>
<>{t("userNumber", { id: a.userId })}</>
)}
</h3>
<span className="inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full bg-[var(--color-primary)]/18 text-[var(--color-text)]">Rank {a.rankId}</span>
<span className="inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full bg-[var(--color-primary)]/18 text-[var(--color-text)]">{t("rankLabel", { rank: a.rankId })}</span>
</div>
<p className="text-xs text-gray-500 dark:text-gray-400 m-0 mb-2">
{formatDate(a.createdAt)}
@@ -92,7 +94,7 @@ export default async function AdminApplications() {
<form action={dismissApplication}>
<input type="hidden" name="id" value={String(a.id)} />
<button type="submit" className="btn btn-danger">
Dismiss
{t("dismiss")}
</button>
</form>
</article>
src/app/admin/articles/[id]/page.tsx
+5 -3
View File
@@ -1,4 +1,5 @@
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { Newspaper } from "lucide-react";
import { notFound } from "next/navigation";
import { deleteArticle, updateArticle } from "@/actions/admin-articles";
@@ -16,6 +17,7 @@ export default async function EditArticle({
}) {
const { id } = await params;
const { error } = await searchParams;
const t = await getTranslations("pages.admin.articles");
const article = await prisma.websiteArticles.findUnique({
where: { id: BigInt(id) },
select: { id: true, slug: true, title: true, shortStory: true, fullStory: true, image: true },
@@ -29,8 +31,8 @@ export default async function EditArticle({
<Newspaper size={20} className="text-[var(--color-primary)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">Edit article</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5"><Link href="/admin/articles">← Articles</Link></p>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("form.title")}</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5"><Link href="/admin/articles">← {t("title")}</Link></p>
</div>
</div>
{error ? (
@@ -53,7 +55,7 @@ export default async function EditArticle({
/>
<form action={deleteArticle} style={{ marginTop: "1rem" }}>
<input type="hidden" name="id" value={String(article.id)} />
<button type="submit" className="btn btn-primary">Delete article</button>
<button type="submit" className="btn btn-primary">{t("form.deleteArticle")}</button>
</form>
</main>
);
src/app/admin/articles/new/page.tsx
+4 -2
View File
@@ -1,4 +1,5 @@
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { Newspaper } from "lucide-react";
import { createArticle } from "@/actions/admin-articles";
import { ArticleForm } from "@/components/admin/article-form";
@@ -9,6 +10,7 @@ export default async function NewArticle({
searchParams: Promise<{ error?: string }>;
}) {
const { error } = await searchParams;
const t = await getTranslations("pages.admin.articles");
return (
<main>
@@ -17,8 +19,8 @@ export default async function NewArticle({
<Newspaper size={20} className="text-[var(--color-primary)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">New article</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5"><Link href="/admin/articles">← Articles</Link></p>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("form.title")}</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5"><Link href="/admin/articles">← {t("title")}</Link></p>
</div>
</div>
{error ? (
src/app/admin/articles/page.tsx
+15 -13
View File
@@ -1,4 +1,5 @@
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { Newspaper } from "lucide-react";
import { StatusCard } from "@/components/admin/dashboard";
import { deleteArticle } from "@/actions/admin-articles";
@@ -12,6 +13,7 @@ export default async function AdminArticles({
searchParams: Promise<{ error?: string }>;
}) {
const { error } = await searchParams;
const t = await getTranslations("pages.admin.articles");
const articles = await prisma.websiteArticles
.findMany({
orderBy: { createdAt: "desc" },
@@ -31,11 +33,11 @@ export default async function AdminArticles({
<Newspaper size={20} className="text-[var(--color-primary)]" />
</div>
<div className="flex-1">
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">Articles</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">News articles (<code>website_articles</code>) shown on the public site. 50 most recent.</p>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("title")}</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">{t("subtitle")}</p>
</div>
<Link href="/admin/articles/new" className="btn btn-primary">
+ New article
+ {t("newArticle")}
</Link>
</div>
@@ -46,22 +48,22 @@ export default async function AdminArticles({
) : null}
<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
<StatusCard label="Articles shown" value={articles.length} icon="📰" />
<StatusCard label="Latest" value={latest} hint="most recent post" icon="🕒" />
<StatusCard label={t("articlesShown")} value={articles.length} icon="📰" />
<StatusCard label={t("latest")} value={latest} hint={t("mostRecentPost")} icon="🕒" />
</div>
<section className="mt-6">
<h2 className="admin-section-title">Recent articles</h2>
<h2 className="admin-section-title">{t("recentArticles")}</h2>
{articles.length === 0 ? (
<div className="admin-empty">No articles yet.</div>
<div className="admin-empty">{t("noArticles")}</div>
) : (
<table>
<thead>
<tr>
<th>Title</th>
<th>Slug</th>
<th>Created</th>
<th>Actions</th>
<th>{t("colTitle")}</th>
<th>{t("colSlug")}</th>
<th>{t("colCreated")}</th>
<th>{t("colActions")}</th>
</tr>
</thead>
<tbody>
@@ -81,7 +83,7 @@ export default async function AdminArticles({
<td>
<div className="flex gap-2">
<Link href={`/admin/articles/${a.id}`} className="btn btn-primary">
Edit
{t("edit")}
</Link>
<form action={deleteArticle} className="m-0">
<input type="hidden" name="id" value={String(a.id)} />
@@ -89,7 +91,7 @@ export default async function AdminArticles({
type="submit"
className="btn btn-danger"
>
Delete
{t("delete")}
</button>
</form>
</div>
src/app/admin/badges/page.tsx
+21 -19
View File
File diff suppressed because it is too large. Load diff
src/app/admin/bans/page.tsx
+24 -22
View File
File diff suppressed because it is too large. Load diff
src/app/admin/calendar/[id]/page.tsx
+20 -18
View File
@@ -1,4 +1,5 @@
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { notFound } from "next/navigation";
import { prisma } from "@/lib/prisma";
import { Calendar } from "lucide-react";
@@ -40,6 +41,8 @@ export default async function AdminCalendarCampaign({
}: {
params: Promise<{ id: string }>;
}) {
const t = await getTranslations("pages.admin.calendar");
const { id } = await params;
const campaignId = Number(id);
if (!Number.isInteger(campaignId)) notFound();
@@ -93,7 +96,7 @@ export default async function AdminCalendarCampaign({
return (
<main>
<p className="text-xs text-gray-500 dark:text-gray-400 mb-4">
<Link href="/admin/calendar">← Calendar campaigns</Link>
<Link href="/admin/calendar">← {t("title")}</Link>
</p>
<div className="admin-card flex items-center gap-5 mb-6">
@@ -106,31 +109,30 @@ export default async function AdminCalendarCampaign({
/>
) : null}
<div>
<h1 className="m-0 mb-1">{campaign.name || `Campaign #${campaign.id}`}</h1>
<h1 className="m-0 mb-1">{campaign.name || `#${campaign.id}`}</h1>
<p className="text-xs text-gray-500 dark:text-gray-400 m-0">
#{campaign.id} · {campaign.totalDays} day{campaign.totalDays === 1 ? "" : "s"} · starts{" "}
{fmtDate(campaign.startTimestamp)}
{disabled ? " · Disabled" : " · Enabled"}
{campaign.lockExpired === "1" ? " · Locks expired days" : ""}
{t("detail.campaignMeta", { id: campaign.id, days: campaign.totalDays, date: fmtDate(campaign.startTimestamp) })}
{disabled ? ` · ${t("detail.disabled")}` : ` · ${t("detail.enabled")}`}
{campaign.lockExpired === "1" ? ` · ${t("detail.locksExpired")}` : ""}
</p>
</div>
</div>
<h2 className="admin-section-title">Rewards</h2>
<h2 className="admin-section-title">{t("detail.rewards")}</h2>
{rewards.length === 0 ? (
<div className="admin-empty">No rewards configured for this campaign.</div>
<div className="admin-empty">{t("detail.noRewards")}</div>
) : (
<table className="w-full">
<thead>
<tr className="text-left text-[var(--muted)]">
<th>ID</th>
<th>Product</th>
<th>Item</th>
<th>Credits</th>
<th>Pixels</th>
<th>Points</th>
<th>Badge</th>
<th>Subscription</th>
<th>{t("detail.colId")}</th>
<th>{t("detail.colProduct")}</th>
<th>{t("detail.colItem")}</th>
<th>{t("detail.colCredits")}</th>
<th>{t("detail.colPixels")}</th>
<th>{t("detail.colPoints")}</th>
<th>{t("detail.colBadge")}</th>
<th>{t("detail.colSubscription")}</th>
</tr>
</thead>
<tbody>
@@ -143,7 +145,7 @@ export default async function AdminCalendarCampaign({
<td>{r.pixels > 0 ? r.pixels : <span className="text-sm text-gray-500 dark:text-gray-400">—</span>}</td>
<td>
{r.points > 0 ? (
`${r.points} (type ${r.pointsType})`
`${r.points} (${t("detail.typeLabel", { type: r.pointsType })})`
) : (
<span className="text-sm text-gray-500 dark:text-gray-400">—</span>
)}
@@ -161,7 +163,7 @@ export default async function AdminCalendarCampaign({
)}
<p className="text-xs text-gray-500 dark:text-gray-400 mt-4">
{rewards.length} reward{rewards.length === 1 ? "" : "s"}
{t("detail.rewardCount", { count: rewards.length })}
</p>
</main>
);
src/app/admin/calendar/page.tsx
+14 -14
View File
@@ -1,4 +1,5 @@
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { StatusCard } from "@/components/admin/dashboard";
import { prisma } from "@/lib/prisma";
import { Calendar } from "lucide-react";
@@ -21,6 +22,8 @@ function fmtDate(ts: number): string {
}
export default async function AdminCalendar() {
const t = await getTranslations("pages.admin.calendar");
let campaigns: Campaign[] = [];
try {
campaigns = await prisma.calendarCampaigns.findMany({
@@ -39,7 +42,6 @@ export default async function AdminCalendar() {
campaigns = [];
}
// Tally reward counts per campaign in JS (avoid prisma.groupBy).
const rewardCounts = new Map<number, number>();
let totalRewards = 0;
try {
@@ -51,7 +53,6 @@ export default async function AdminCalendar() {
rewardCounts.set(r.campaignId, (rewardCounts.get(r.campaignId) ?? 0) + 1);
}
} catch {
// leave map empty on failure
}
const enabledCount = campaigns.filter((c) => c.enabled === "1").length;
@@ -63,24 +64,24 @@ export default async function AdminCalendar() {
<Calendar size={20} className="text-[var(--color-primary)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">Calendar campaigns</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">Read-only · {campaigns.length} campaign{campaigns.length === 1 ? "" : "s"}.</p>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("title")}</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">{t("subtitle", { count: campaigns.length })}</p>
</div>
</div>
<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
<StatusCard label="Campaigns" value={campaigns.length} icon="📅" />
<StatusCard label={t("campaigns")} value={campaigns.length} icon="📅" />
<StatusCard
label="Enabled"
label={t("enabled")}
value={enabledCount}
state={enabledCount > 0 ? "ok" : "neutral"}
icon="✅"
/>
<StatusCard label="Total rewards" value={totalRewards} icon="🎁" />
<StatusCard label={t("totalRewards")} value={totalRewards} icon="🎁" />
</div>
{campaigns.length === 0 ? (
<div className="admin-empty">No calendar campaigns found.</div>
<div className="admin-empty">{t("noCampaigns")}</div>
) : (
<div className="grid cols-3">
{campaigns.map((c) => {
@@ -100,18 +101,17 @@ export default async function AdminCalendar() {
)}
<div className="body">
<div className="flex items-center justify-between gap-2 mb-1">
<h3 className="m-0">{c.name || `Campaign #${c.id}`}</h3>
<h3 className="m-0">{c.name || `#${c.id}`}</h3>
<span className={`inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full ${enabled ? "bg-green-600/20 text-[var(--color-text)]" : "bg-red-500/22 text-[var(--color-text)]"}`}>
{enabled ? "enabled" : "disabled"}
{enabled ? t("statusEnabled") : t("statusDisabled")}
</span>
</div>
<p className="text-xs text-gray-500 dark:text-gray-400 m-0">
#{c.id} · {c.totalDays} day{c.totalDays === 1 ? "" : "s"} · {count} reward
{count === 1 ? "" : "s"}
{t("campaignMeta", { id: c.id, days: c.totalDays, rewards: count })}
</p>
<p className="text-xs text-gray-500 dark:text-gray-400 mt-1">
Starts {fmtDate(c.startTimestamp)}
{c.lockExpired === "1" ? " · Locks expired" : ""}
{t("startsAt", { date: fmtDate(c.startTimestamp) })}
{c.lockExpired === "1" ? ` · ${t("locksExpired")}` : ""}
</p>
</div>
</Link>
src/app/admin/catalog/[id]/page.tsx
+22 -19
View File
@@ -1,4 +1,5 @@
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { notFound } from "next/navigation";
import { prisma } from "@/lib/prisma";
@@ -35,6 +36,8 @@ export default async function AdminCatalogPage({
}: {
params: Promise<{ id: string }>;
}) {
const t = await getTranslations("pages.admin.catalog");
const { id } = await params;
const pageId = Number(id);
if (!Number.isInteger(pageId)) notFound();
@@ -89,32 +92,32 @@ export default async function AdminCatalogPage({
return (
<main>
<p className="muted">
<Link href="/admin/catalog">← Catalog</Link>
<Link href="/admin/catalog">← {t("title")}</Link>
</p>
<h1>{page.caption}</h1>
<p className="muted">
Page #{page.id} · layout {page.pageLayout} · min rank {page.minRank} ·{" "}
{hidden ? "Hidden" : "Visible"}
{page.parentId > 0 ? ` · parent #${page.parentId}` : ""}
{page.clubOnly === "1" ? " · HC only" : ""}
{page.vipOnly === "1" ? " · VIP only" : ""}
{t("pageLabel", { id: page.id })} · {t("layoutLabel", { layout: page.pageLayout })} · {t("minRankLabel", { rank: page.minRank })} ·{" "}
{hidden ? t("statusHidden") : t("statusVisible")}
{page.parentId > 0 ? ` · ${t("parentLabel", { id: page.parentId })}` : ""}
{page.clubOnly === "1" ? ` · ${t("hcOnly")}` : ""}
{page.vipOnly === "1" ? ` · ${t("vipOnly")}` : ""}
</p>
<h2 style={{ marginTop: "1.5rem" }}>Items</h2>
<h2 style={{ marginTop: "1.5rem" }}>{t("items")}</h2>
{items.length === 0 ? (
<p className="muted">No items on this page.</p>
<p className="muted">{t("noItems")}</p>
) : (
<table style={{ width: "100%", borderCollapse: "collapse" }}>
<thead>
<tr style={{ textAlign: "left", color: "var(--muted)" }}>
<th>ID</th>
<th>Catalog name</th>
<th>Item IDs</th>
<th>Amount</th>
<th>Credits</th>
<th>Points</th>
<th>Limited</th>
<th>Order</th>
<th>{t("colId")}</th>
<th>{t("catalogName")}</th>
<th>{t("itemIds")}</th>
<th>{t("amount")}</th>
<th>{t("colCostCredits")}</th>
<th>{t("colCostPoints")}</th>
<th>{t("colLimited")}</th>
<th>{t("colOrder")}</th>
</tr>
</thead>
<tbody>
@@ -124,7 +127,7 @@ export default async function AdminCatalogPage({
<td>
{it.catalogName}
{it.clubOnly === "1" ? (
<span className="muted"> · HC</span>
<span className="muted"> · {t("hc")}</span>
) : null}
</td>
<td className="muted">{it.itemIds}</td>
@@ -138,7 +141,7 @@ export default async function AdminCatalogPage({
</td>
<td className="muted">
{it.costPoints > 0
? `${it.costPoints} (type ${it.pointsType})`
? `${it.costPoints} (${t("typeLabel", { type: it.pointsType })})`
: "—"}
</td>
<td className="muted">
@@ -154,7 +157,7 @@ export default async function AdminCatalogPage({
)}
<p className="muted" style={{ marginTop: "1rem" }}>
{items.length} item{items.length === 1 ? "" : "s"}
{t("itemCount", { count: items.length })}
</p>
</main>
);
src/app/admin/catalog/page.tsx
+19 -17
View File
@@ -1,4 +1,5 @@
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { StatusCard } from "@/components/admin/dashboard";
import { prisma } from "@/lib/prisma";
import { Package } from "lucide-react";
@@ -17,6 +18,8 @@ type CatalogPageRow = {
};
export default async function AdminCatalog() {
const t = await getTranslations("pages.admin.catalog");
let pages: CatalogPageRow[] = [];
try {
pages = await prisma.catalogPages.findMany({
@@ -37,7 +40,6 @@ export default async function AdminCatalog() {
pages = [];
}
// Build a quick caption lookup so we can show parent names instead of raw ids.
const captionById = new Map<number, string>();
for (const p of pages) captionById.set(p.id, p.caption);
@@ -54,39 +56,39 @@ export default async function AdminCatalog() {
<Package size={20} className="text-[var(--color-primary)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">Catalog</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">Browse catalog pages and the items they contain. Read-only.</p>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("title")}</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">{t("subtitle")}</p>
</div>
</div>
<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
<StatusCard label="Pages" value={pages.length} icon="📚" />
<StatusCard label="Visible" value={visibleCount} state="ok" icon="👁️" />
<StatusCard label={t("pages")} value={pages.length} icon="📚" />
<StatusCard label={t("visible")} value={visibleCount} state="ok" icon="👁️" />
<StatusCard
label="Hidden"
label={t("hidden")}
value={hiddenCount}
state={hiddenCount > 0 ? "warn" : "neutral"}
icon="🚫"
/>
<StatusCard label="Root pages" value={rootCount} icon="🗂️" />
<StatusCard label={t("rootPages")} value={rootCount} icon="🗂️" />
</div>
<section className="mt-6">
<h2>Pages ({pages.length})</h2>
<h2>{t("pages")} ({pages.length})</h2>
{pages.length === 0 ? (
<p className="muted">No catalog pages found.</p>
<p className="muted">{t("noPages")}</p>
) : (
<div style={{ overflowX: "auto" }}>
<table>
<thead>
<tr>
<th>ID</th>
<th>Caption</th>
<th>Parent</th>
<th>Layout</th>
<th>Min rank</th>
<th>Order</th>
<th>Status</th>
<th>{t("colId")}</th>
<th>{t("caption")}</th>
<th>{t("colParent")}</th>
<th>{t("colLayout")}</th>
<th>{t("colMinRank")}</th>
<th>{t("colOrder")}</th>
<th>{t("colStatus")}</th>
</tr>
</thead>
<tbody>
@@ -112,7 +114,7 @@ export default async function AdminCatalog() {
<td>{p.orderNum}</td>
<td>
<span className={`inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full ${hidden ? "bg-red-500/22 text-[var(--color-text)]" : "bg-green-600/20 text-[var(--color-text)]"}`}>
{hidden ? "Hidden" : "Visible"}
{hidden ? t("statusHidden") : t("statusVisible")}
</span>
</td>
</tr>
src/app/admin/commandocentrum/page.tsx
+125 -123
View File
File diff suppressed because it is too large. Load diff
src/app/admin/email-templates/page.tsx
+27 -25
View File
File diff suppressed because it is too large. Load diff
src/app/admin/emulator/page.tsx
+36 -33
View File
File diff suppressed because it is too large. Load diff
src/app/admin/help-questions/page.tsx
+12 -10
View File
@@ -1,4 +1,5 @@
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { HelpCircle } from "lucide-react";
import { StatusCard } from "@/components/admin/dashboard";
import { prisma } from "@/lib/prisma";
@@ -6,6 +7,7 @@ import { prisma } from "@/lib/prisma";
export const dynamic = "force-dynamic";
export default async function AdminHelpQuestions() {
const t = await getTranslations("pages.admin.helpCenter");
let entries: Awaited<
ReturnType<typeof prisma.websiteHelpCenterCategories.findMany>
> = [];
@@ -28,30 +30,30 @@ export default async function AdminHelpQuestions() {
<HelpCircle size={20} className="text-[var(--color-primary)]" />
</div>
<div className="flex-1">
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">Help Center</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">Help-center FAQ entries (<code>website_help_center_categories</code>). Shown to visitors on the public help page, ordered by position.</p>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("title")}</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">{t("subtitle")}</p>
</div>
<Link href="/admin/help-questions/new" className="btn btn-primary">
+ New entry
+ {t("newEntry")}
</Link>
</div>
<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
<StatusCard label="Entries" value={entries.length} icon="❓" />
<StatusCard label="With button" value={withButton} icon="🔘" />
<StatusCard label="Small boxes" value={smallBoxes} icon="🗂️" />
<StatusCard label={t("entries")} value={entries.length} icon="❓" />
<StatusCard label={t("withButton")} value={withButton} icon="🔘" />
<StatusCard label={t("smallBoxes")} value={smallBoxes} icon="🗂️" />
</div>
<section className="mt-6">
<h2 className="admin-section-title">Entries</h2>
<h2 className="admin-section-title">{t("entries")}</h2>
{entries.length === 0 ? (
<div className="admin-empty">No help-center entries yet.</div>
<div className="admin-empty">{t("noEntries")}</div>
) : (
<table>
<thead>
<tr>
<th>Pos.</th>
<th>Name</th>
<th>{t("colTitle")}</th>
<th>Button</th>
<th>Small box</th>
<th />
@@ -71,7 +73,7 @@ export default async function AdminHelpQuestions() {
</span>
</td>
<td>
<Link href={`/admin/help-questions/${e.id}`}>Edit</Link>
<Link href={`/admin/help-questions/${e.id}`}>{t("edit")}</Link>
</td>
</tr>
))}
src/app/admin/housekeeping/page.tsx
+27 -26
View File
File diff suppressed because it is too large. Load diff
src/app/admin/ip/page.tsx
+24 -22
View File
File diff suppressed because it is too large. Load diff
src/app/admin/layout.tsx
+85 -76
View File
File diff suppressed because it is too large. Load diff
src/app/admin/logs/page.tsx
+25 -23
View File
File diff suppressed because it is too large. Load diff
src/app/admin/maintenance/page.tsx
+23 -24
View File
File diff suppressed because it is too large. Load diff
src/app/admin/media/page.tsx
+7 -4
View File
@@ -1,8 +1,11 @@
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { Image } from "lucide-react";
import { AdminMediaGrid } from "@/components/admin/media-grid";
export default function AdminMediaPage() {
export default async function AdminMediaPage() {
const t = await getTranslations("pages.admin.media");
return (
<main>
<div className="flex items-center gap-3 mb-6">
@@ -10,10 +13,10 @@ export default function AdminMediaPage() {
<Image size={20} className="text-[var(--color-primary)]" />
</div>
<div className="flex-1">
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">Media Library</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">Upload and manage images for articles and other content.</p>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("title")}</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">{t("subtitle")}</p>
</div>
<Link href="/admin/articles" className="text-sm text-gray-500 dark:text-gray-400" style={{ fontSize: "0.88rem" }}>← Articles</Link>
<Link href="/admin/articles" className="text-sm text-gray-500 dark:text-gray-400" style={{ fontSize: "0.88rem" }}>← {t("articles")}</Link>
</div>
<AdminMediaGrid />
</main>
src/app/admin/navigation/page.tsx
+19 -17
View File
File diff suppressed because it is too large. Load diff
src/app/admin/page.tsx
+15 -13
View File
@@ -1,4 +1,5 @@
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { StatusCard } from "@/components/admin/dashboard";
import { prisma } from "@/lib/prisma";
import { Users, Newspaper, Ban, Database, Activity, ArrowRight } from "lucide-react";
@@ -12,6 +13,7 @@ function fromDate(d: Date | null | undefined): string {
type RankCount = { rank: number; count: number };
export default async function AdminDashboard() {
const t = await getTranslations("pages.admin.dashboard");
let users = -1;
let online = 0;
let articles = 0;
@@ -54,31 +56,31 @@ export default async function AdminDashboard() {
<Activity size={20} className="text-[var(--color-primary)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">Dashboard</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">Hotel overview &amp; live status</p>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("title")}</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">{t("subtitle")}</p>
</div>
</div>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-8">
<StatusCard label="Players online" value={online} hint={dbOk ? `${users} total accounts` : "DB unavailable"} state={dbOk ? "neutral" : "danger"} icon={<Users size={18} />} />
<StatusCard label="Articles" value={dbOk ? articles : "—"} state="neutral" icon={<Newspaper size={18} />} />
<StatusCard label="Active bans" value={dbOk ? bans : "—"} state={bans > 0 ? "warn" : "neutral"} icon={<Ban size={18} />} />
<StatusCard label="Database" value={dbOk ? "Connected" : "Down"} state={dbOk ? "ok" : "danger"} icon={<Database size={18} />} />
<StatusCard label={t("playersOnline")} value={online} hint={dbOk ? t("totalAccounts", { count: users }) : t("databaseDown")} state={dbOk ? "neutral" : "danger"} icon={<Users size={18} />} />
<StatusCard label={t("articles")} value={dbOk ? articles : "—"} state="neutral" icon={<Newspaper size={18} />} />
<StatusCard label={t("activeBans")} value={dbOk ? bans : "—"} state={bans > 0 ? "warn" : "neutral"} icon={<Ban size={18} />} />
<StatusCard label={t("database")} value={dbOk ? t("databaseConnected") : t("databaseDown")} state={dbOk ? "ok" : "danger"} icon={<Database size={18} />} />
</div>
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
<section className="admin-card p-5">
<h2 className="text-sm font-bold text-[var(--color-text)] mb-4 admin-section-title">Users by rank</h2>
<h2 className="text-sm font-bold text-[var(--color-text)] mb-4 admin-section-title">{t("usersByRank")}</h2>
{rankCounts.length === 0 ? (
<p className="text-xs text-[var(--color-text-muted)]">{dbOk ? "No accounts to break down yet." : "DB unavailable."}</p>
<p className="text-xs text-[var(--color-text-muted)]">{dbOk ? t("noAccountsToBreakDown") : t("databaseDown")}</p>
) : (
<div className="space-y-2.5">
{rankCounts.map((r) => {
const pct = maxRankCount > 0 ? Math.round((r.count / maxRankCount) * 100) : 0;
return (
<div key={r.rank} className="grid items-center gap-3" style={{ gridTemplateColumns: "5rem 1fr 2.5rem" }}>
<span className="text-xs font-medium text-[var(--color-text-muted)]">Rank {r.rank}</span>
<div className="h-3 rounded-md overflow-hidden bg-[var(--color-primary)]/10" role="img" aria-label={`Rank ${r.rank}: ${r.count} accounts`}>
<span className="text-xs font-medium text-[var(--color-text-muted)]">{t("rankLabel", { rank: r.rank })}</span>
<div className="h-3 rounded-md overflow-hidden bg-[var(--color-primary)]/10" role="img" aria-label={t("rankWithCount", { rank: r.rank, count: r.count })}>
<div className="h-full rounded-md bg-gradient-to-r from-[var(--color-primary)] to-[var(--color-primary-hover)] transition-all duration-500" style={{ width: `${Math.max(pct, r.count > 0 ? 4 : 0)}%` }} />
</div>
<strong className="text-xs text-right text-[var(--color-text-muted)]">{r.count}</strong>
@@ -91,13 +93,13 @@ export default async function AdminDashboard() {
<section className="admin-card p-5">
<div className="flex items-center justify-between mb-4">
<h2 className="text-sm font-bold text-[var(--color-text)] admin-section-title">Recent staff activity</h2>
<h2 className="text-sm font-bold text-[var(--color-text)] admin-section-title">{t("recentStaffActivity")}</h2>
<Link href="/admin/commandocentrum" className="text-xs font-medium text-[var(--color-primary)] hover:text-[var(--color-primary-hover)] flex items-center gap-1 no-underline">
View all <ArrowRight size={12} />
{t("viewAll")} <ArrowRight size={12} />
</Link>
</div>
{activity.length === 0 ? (
<p className="text-xs text-[var(--color-text-muted)]">No staff activity logged yet.</p>
<p className="text-xs text-[var(--color-text-muted)]">{t("noStaffActivityLogged")}</p>
) : (
<div className="space-y-0">
{activity.map((a, i) => (
src/app/admin/permissions/page.tsx
+19 -17
View File
@@ -6,6 +6,7 @@ import {
import { StatusCard } from "@/components/admin/dashboard";
import { prisma } from "@/lib/prisma";
import { Shield } from "lucide-react";
import { getTranslations } from "next-intl/server";
export const dynamic = "force-dynamic";
@@ -20,6 +21,7 @@ type PermissionRow = {
};
export default async function AdminPermissions() {
const t = await getTranslations("pages.admin.permissions");
let permissions: PermissionRow[] = [];
try {
permissions = await prisma.websitePermissions.findMany({
@@ -40,52 +42,52 @@ export default async function AdminPermissions() {
<Shield size={20} className="text-[var(--color-primary)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">Permissions</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">CMS-owned permissions (<code>website_permissions</code>). Each entry maps a permission name to the minimum rank allowed to use it.</p>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("title")}</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">{t("subtitle")}</p>
</div>
</div>
<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
<StatusCard label="Permissions" value={permissions.length} icon="🔑" />
<StatusCard label="Highest min rank" value={highestRank} icon="🎖️" />
<StatusCard label={t("permissions")} value={permissions.length} icon="🔑" />
<StatusCard label={t("highestMinRank")} value={highestRank} icon="🎖️" />
</div>
<form action={createPermission} className="admin-card mb-6">
<h3 className="text-sm font-bold text-[var(--color-text)] m-0 mb-3">Add / overwrite permission</h3>
<h3 className="text-sm font-bold text-[var(--color-text)] m-0 mb-3">{t("addPermission")}</h3>
<div className="flex gap-2 flex-wrap">
<input name="permission" placeholder="permission" required maxLength={255} />
<input name="permission" placeholder={t("permissionPlaceholder")} required maxLength={255} />
<input
name="minRank"
type="number"
min={0}
placeholder="min rank"
placeholder={t("minRankPlaceholder")}
defaultValue={1}
className="w-[110px]"
/>
<input
name="description"
placeholder="description"
placeholder={t("descriptionPlaceholder")}
className="flex-1 min-w-[160px]"
/>
<button type="submit" className="btn btn-primary">
Save
{t("save")}
</button>
</div>
</form>
<section className="mt-6">
<h2 className="admin-section-title">Permissions ({permissions.length})</h2>
<h2 className="admin-section-title">{t("permissions")} ({permissions.length})</h2>
{permissions.length === 0 ? (
<div className="admin-empty">No permissions found.</div>
<div className="admin-empty">{t("noPermissions")}</div>
) : (
<div className="overflow-x-auto">
<table>
<thead>
<tr>
<th>ID</th>
<th>Permission</th>
<th>Min rank</th>
<th>Description</th>
<th>{t("colId")}</th>
<th>{t("colPermission")}</th>
<th>{t("colMinRank")}</th>
<th>{t("colDescription")}</th>
<th />
</tr>
</thead>
@@ -127,12 +129,12 @@ export default async function AdminPermissions() {
form={`perm-${String(p.id)}`}
className="btn btn-primary"
>
Save
{t("save")}
</button>
<form action={deletePermission}>
<input type="hidden" name="id" value={String(p.id)} />
<button type="submit" className="btn btn-danger">
Delete
{t("delete")}
</button>
</form>
</td>
src/app/admin/photos/page.tsx
+13 -11
View File
@@ -1,3 +1,4 @@
import { getTranslations } from "next-intl/server";
import { deletePhoto } from "@/actions/admin-photos";
import { StatusCard } from "@/components/admin/dashboard";
import { prisma } from "@/lib/prisma";
@@ -6,6 +7,7 @@ import { Image } from "lucide-react";
export const dynamic = "force-dynamic";
export default async function AdminPhotos() {
const t = await getTranslations("pages.admin.photos");
let photos: Awaited<ReturnType<typeof prisma.cameraWeb.findMany>> = [];
try {
photos = await prisma.cameraWeb.findMany({
@@ -26,21 +28,21 @@ export default async function AdminPhotos() {
<Image size={20} className="text-[var(--color-primary)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">Photo Moderation</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">Recent in-game camera photos. Deleting removes the record from <code>camera_web</code>.</p>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("title")}</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">{t("subtitle")}</p>
</div>
</div>
<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
<StatusCard label="Photos shown" value={photos.length} icon="📸" />
<StatusCard label="Rooms" value={uniqueRooms} hint="distinct rooms" icon="🚪" />
<StatusCard label="Users" value={uniqueUsers} hint="distinct photographers" icon="👤" />
<StatusCard label={t("photosShown")} value={photos.length} icon="📸" />
<StatusCard label={t("rooms")} value={uniqueRooms} hint={t("distinctRooms")} icon="🚪" />
<StatusCard label={t("users")} value={uniqueUsers} hint={t("distinctPhotographers")} icon="👤" />
</div>
<section className="mt-6">
<h2 className="admin-section-title">Recent photos</h2>
<h2 className="admin-section-title">{t("recentPhotos")}</h2>
{photos.length === 0 ? (
<div className="admin-empty">No photos found.</div>
<div className="admin-empty">{t("noPhotos")}</div>
) : (
<div className="grid cols-3">
{photos.map((p) => (
@@ -48,21 +50,21 @@ export default async function AdminPhotos() {
{/* eslint-disable-next-line @next/next/no-img-element */}
<img
src={p.url}
alt={`Photo ${String(p.id)}`}
alt={t("photoAlt", { id: String(p.id) })}
style={{ width: "100%", height: 200, objectFit: "cover", display: "block", background: "#f1f5f9" }}
/>
<div style={{ padding: "0.85rem 1.05rem 1.05rem" }}>
<div style={{ display: "flex", justifyContent: "space-between", gap: "0.5rem", alignItems: "baseline" }}>
<strong>#{String(p.id)}</strong>
<span className="text-sm text-gray-500 dark:text-gray-400">Room {p.roomId}</span>
<span className="text-sm text-gray-500 dark:text-gray-400">{t("colRoom")} {p.roomId}</span>
</div>
<p className="text-xs text-gray-500 dark:text-gray-400" style={{ margin: "0.3rem 0 0" }}>
User {p.userId} ·{" "}
{t("colUser")} {p.userId} ·{" "}
{new Date(p.timestamp * 1000).toISOString().slice(0, 16).replace("T", " ")}
</p>
<form action={deletePhoto} style={{ marginTop: "0.75rem" }}>
<input type="hidden" name="id" value={String(p.id)} />
<button type="submit" className="btn btn-danger">Delete</button>
<button type="submit" className="btn btn-danger">{t("delete")}</button>
</form>
</div>
</div>
src/app/admin/radio/api-keys/page.tsx
+43 -42
View File
File diff suppressed because it is too large. Load diff
src/app/admin/radio/autodj/page.tsx
+60 -58
View File
File diff suppressed because it is too large. Load diff
src/app/admin/radio/banners/page.tsx
+37 -34
View File
File diff suppressed because it is too large. Load diff
src/app/admin/radio/embed/page.tsx
+30 -38
View File
File diff suppressed because it is too large. Load diff
src/app/admin/radio/history/page.tsx
+31 -30
View File
File diff suppressed because it is too large. Load diff
src/app/admin/radio/moderation/page.tsx
+19 -16
View File
@@ -3,6 +3,7 @@ import { prisma } from '@/lib/prisma';
import { deleteShout } from '@/actions/admin-radio-moderation';
import { StatusCard } from '@/components/admin/dashboard';
import { Shield } from 'lucide-react';
import { getTranslations } from "next-intl/server";
export const dynamic = 'force-dynamic';
@@ -15,10 +16,12 @@ type Shout = {
};
function formatDate(d: Date | null): string {
return d ? d.toISOString().slice(0, 16).replace('T', ' ') : '—';
return d ? d.toISOString().slice(0, 16).replace('T', ' ') : '\u2014';
}
export default async function AdminRadioModerationPage() {
const t = await getTranslations("pages.admin.radio");
let shouts: Shout[] = [];
try {
shouts = await prisma.radioShouts.findMany({
@@ -39,12 +42,12 @@ export default async function AdminRadioModerationPage() {
return (
<main>
<nav className="text-xs text-gray-500 dark:text-gray-400 mb-2">
<Link href="/admin/radio">Radio</Link> ·{' '}
<Link href="/admin/radio/moderation">Moderation</Link> ·{' '}
<Link href="/admin/radio/settings">Settings</Link> ·{' '}
<Link href="/admin/radio/banners">Banners</Link> ·{' '}
<Link href="/admin/radio/ranks">Ranks</Link> ·{' '}
<Link href="/admin/radio/history">History</Link>
<Link href="/admin/radio">{t("title")}</Link> ·{' '}
<Link href="/admin/radio/moderation">{t("moderation")}</Link> ·{' '}
<Link href="/admin/radio/settings">{t("settings")}</Link> ·{' '}
<Link href="/admin/radio/banners">{t("banners.title")}</Link> ·{' '}
<Link href="/admin/radio/ranks">{t("ranks")}</Link> ·{' '}
<Link href="/admin/radio/history">{t("history")}</Link>
</nav>
<div className="flex items-center gap-3 mb-6">
@@ -52,27 +55,27 @@ export default async function AdminRadioModerationPage() {
<Shield size={20} className="text-[var(--color-primary)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">DJ Moderation</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">Review and remove radio shouts (50 most recent).</p>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("moderationPage.title")}</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">{t("moderationPage.subtitle")}</p>
</div>
</div>
<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
<StatusCard label="Recent shouts" value={shouts.length} icon="📣" />
<StatusCard label={t("shouts")} value={shouts.length} icon="\u{1F4E3}" />
</div>
<section className="mt-6">
<h2 className="admin-section-title">Recent Shouts ({shouts.length})</h2>
<h2 className="admin-section-title">{t("moderationPage.recentShouts", { count: shouts.length })}</h2>
{shouts.length === 0 ? (
<div className="admin-empty">No shouts to moderate.</div>
<div className="admin-empty">{t("noShouts")}</div>
) : (
<table>
<thead>
<tr>
<th>ID</th>
<th>User</th>
<th>Message</th>
<th>Posted</th>
<th>{t("user")}</th>
<th>{t("message")}</th>
<th>{t("posted")}</th>
<th />
</tr>
</thead>
@@ -87,7 +90,7 @@ export default async function AdminRadioModerationPage() {
<form action={deleteShout}>
<input type="hidden" name="id" value={String(s.id)} />
<button type="submit" className="btn btn-danger">
Delete
{t("deleteShout")}
</button>
</form>
</td>
src/app/admin/radio/monitoring/page.tsx
+32 -58
View File
File diff suppressed because it is too large. Load diff
src/app/admin/radio/page.tsx
+44 -42
View File
File diff suppressed because it is too large. Load diff
src/app/admin/radio/points/page.tsx
+36 -37
View File
File diff suppressed because it is too large. Load diff
src/app/admin/radio/ranks/page.tsx
+29 -26
View File
File diff suppressed because it is too large. Load diff
src/app/admin/radio/settings/page.tsx
+27 -28
View File
File diff suppressed because it is too large. Load diff
src/app/admin/rare-values/page.tsx
+30 -27
View File
File diff suppressed because it is too large. Load diff
src/app/admin/rooms/[id]/page.tsx
+23 -21
View File
@@ -1,4 +1,5 @@
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { notFound } from "next/navigation";
import { prisma } from "@/lib/prisma";
import { DoorOpen } from "lucide-react";
@@ -10,8 +11,9 @@ export default async function AdminRoomDetail({
}: {
params: Promise<{ id: string }>;
}) {
const t = await getTranslations("pages.admin.rooms");
const { id } = await params;
// rooms is an emulator-owned table → Int id.
const roomId = Number(id);
if (!Number.isInteger(roomId) || roomId <= 0) notFound();
@@ -25,36 +27,36 @@ export default async function AdminRoomDetail({
if (!room) notFound();
const fields: Array<[string, string]> = [
["ID", String(room.id)],
["Name", room.name || "(unnamed)"],
["Description", room.description || "—"],
["Owner", `${room.ownerName || "—"} (#${room.ownerId})`],
["State", room.state],
["Users", `${room.users} / ${room.usersMax}`],
["Category", String(room.category)],
["Score", String(room.score)],
["Model", room.model],
["Guild ID", room.guildId ? String(room.guildId) : "—"],
["Tags", room.tags || "—"],
["Password", room.password ? "yes" : "—"],
["Public", room.isPublic === "1" ? "yes" : "no"],
["Staff picked", room.isStaffPicked === "1" ? "yes" : "no"],
["For sale", room.isForSale === "1" ? "yes" : "no"],
["Trade mode", String(room.tradeMode)],
[t("colId"), String(room.id)],
[t("colName"), room.name || t("unnamed")],
[t("detail.description"), room.description || "—"],
[t("detail.owner"), `${room.ownerName || "—"} (#${room.ownerId})`],
[t("detail.state"), room.state],
[t("colUsers"), `${room.users} / ${room.usersMax}`],
[t("colCategory"), String(room.category)],
[t("detail.score"), String(room.score)],
[t("detail.model"), room.model],
[t("detail.guildId"), room.guildId ? String(room.guildId) : "—"],
[t("detail.tags"), room.tags || "—"],
[t("detail.password"), room.password ? t("detail.yes") : "—"],
[t("detail.public"), room.isPublic === "1" ? t("detail.yes") : t("detail.no")],
[t("detail.staffPicked"), room.isStaffPicked === "1" ? t("detail.yes") : t("detail.no")],
[t("detail.forSale"), room.isForSale === "1" ? t("detail.yes") : t("detail.no")],
[t("detail.tradeMode"), String(room.tradeMode)],
];
return (
<main>
<p className="text-sm text-gray-500 dark:text-gray-400 mb-1">
<Link href="/admin/rooms">← Rooms</Link>
<Link href="/admin/rooms">← {t("title")}</Link>
</p>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--color-primary)]/20 to-[var(--color-primary)]/5 grid place-items-center">
<DoorOpen size={20} className="text-[var(--color-primary)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{room.name || "(unnamed)"}</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">ID {room.id} · owner {room.ownerName || "—"} · {room.users}/{room.usersMax} users · {room.state}</p>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{room.name || t("unnamed")}</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">{t("detail.subtitle", { id: room.id, owner: room.ownerName || "—", users: room.users, maxUsers: room.usersMax, state: room.state })}</p>
</div>
</div>
@@ -73,7 +75,7 @@ export default async function AdminRoomDetail({
{room.ownerId ? (
<p className="muted" style={{ marginTop: "1rem" }}>
<Link href={`/admin/users/${room.ownerId}`}>View owner →</Link>
<Link href={`/admin/users/${room.ownerId}`}>{t("detail.viewOwner")} →</Link>
</p>
) : null}
</main>
src/app/admin/rooms/page.tsx
+21 -21
View File
File diff suppressed because it is too large. Load diff
src/app/admin/settings/page.tsx
+15 -12
View File
@@ -1,3 +1,4 @@
import { getTranslations } from "next-intl/server";
import { createSetting, deleteSetting, updateSetting } from "@/actions/admin-settings";
import { StatusCard } from "@/components/admin/dashboard";
import { prisma } from "@/lib/prisma";
@@ -5,6 +6,8 @@ import { prisma } from "@/lib/prisma";
export const dynamic = "force-dynamic";
export default async function AdminSettings() {
const t = await getTranslations("pages.admin.settings");
let settings: Awaited<ReturnType<typeof prisma.websiteSetting.findMany>> = [];
try {
settings = await prisma.websiteSetting.findMany({ orderBy: { key: "asc" } });
@@ -21,36 +24,36 @@ export default async function AdminSettings() {
<span className="text-lg">⚙️</span>
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">CMS Settings</h1>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("title")}</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">
Key/value config read at runtime via <code>siteSettings.get()</code>. Saving busts the cache.
{t.rich("subtitle", { code: (chunks) => <code>{chunks}</code> })}
</p>
</div>
</div>
<div className="admin-stat-row">
<span className="admin-stat-chip">{settings.length} settings</span>
<span className="admin-stat-chip">{documented} with comment</span>
<span className="admin-stat-chip">{t("settingsCount", { count: settings.length })}</span>
<span className="admin-stat-chip">{t("documentedCount", { count: documented })}</span>
</div>
<section>
<h2 className="admin-section-title">Add / overwrite</h2>
<h2 className="admin-section-title">{t("addOverwrite")}</h2>
<form action={createSetting} className="admin-card">
<div className="flex gap-2 flex-wrap">
<input name="key" placeholder="key" required />
<input name="value" placeholder="value" className="flex-1 min-w-[160px]" />
<input name="comment" placeholder="comment" />
<button type="submit" className="btn btn-primary">Save</button>
<input name="key" placeholder={t("form.keyPlaceholder")} required />
<input name="value" placeholder={t("form.valuePlaceholder")} className="flex-1 min-w-[160px]" />
<input name="comment" placeholder={t("form.commentPlaceholder")} />
<button type="submit" className="btn btn-primary">{t("save")}</button>
</div>
</form>
</section>
<section>
<h2 className="admin-section-title">
Settings <span className="inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full bg-[var(--color-primary)]/18 text-[var(--color-text)]">{settings.length}</span>
{t("settings")} <span className="inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full bg-[var(--color-primary)]/18 text-[var(--color-text)]">{settings.length}</span>
</h2>
{settings.length === 0 ? (
<div className="admin-empty">No settings yet.</div>
<div className="admin-empty">{t("noSettings")}</div>
) : (
<div className="grid">
{settings.map((s) => (
@@ -64,7 +67,7 @@ export default async function AdminSettings() {
<input type="hidden" name="key" value={s.key} />
<input name="value" defaultValue={s.value} style={{ flex: 1 }} />
<button type="submit" className="btn btn-outline">
Save
{t("save")}
</button>
</form>
<form action={deleteSetting}>
src/app/admin/shop/[id]/page.tsx
+18 -15
View File
@@ -1,4 +1,5 @@
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { notFound } from "next/navigation";
import { deleteShopArticle, updateShopArticle } from "@/actions/admin-shop";
import { prisma } from "@/lib/prisma";
@@ -11,6 +12,8 @@ export default async function EditShopArticle({
}: {
params: Promise<{ id: string }>;
}) {
const t = await getTranslations("pages.admin.shop");
const { id } = await params;
let pkg: Awaited<ReturnType<typeof prisma.websiteShopArticles.findUnique>> = null;
try {
@@ -27,9 +30,9 @@ export default async function EditShopArticle({
<Package size={20} className="text-[var(--color-primary)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">Edit shop package</h1>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("editPackageTitle")}</h1>
<Link href="/admin/shop" className="text-xs text-[var(--color-text-muted)] hover:text-[var(--color-primary)]">
← Back to shop
← {t("backToShop")}
</Link>
</div>
</div>
@@ -37,26 +40,26 @@ export default async function EditShopArticle({
<form action={updateShopArticle} className="admin-card">
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
<input type="hidden" name="id" value={String(pkg.id)} />
<input name="name" defaultValue={pkg.name} placeholder="Name" required maxLength={255} className="w-full" />
<input name="info" defaultValue={pkg.info} placeholder="Info / description" maxLength={255} className="w-full" />
<input name="icon" defaultValue={pkg.iconUrl} placeholder="Icon URL" maxLength={255} className="w-full" />
<input name="color" defaultValue={pkg.color} placeholder="Color (e.g. #ffcc00)" maxLength={255} className="w-full" />
<input name="costs" type="number" min={0} defaultValue={pkg.costs} placeholder="Costs (store price)" required className="w-full" />
<input name="credits" type="number" min={0} defaultValue={pkg.credits ?? undefined} placeholder="Credits given (optional)" className="w-full" />
<input name="duckets" type="number" min={0} defaultValue={pkg.duckets ?? undefined} placeholder="Duckets given (optional)" className="w-full" />
<input name="diamonds" type="number" min={0} defaultValue={pkg.diamonds ?? undefined} placeholder="Diamonds given (optional)" className="w-full" />
<input name="giveRank" type="number" min={0} defaultValue={pkg.giveRank ?? undefined} placeholder="Give rank (optional)" className="w-full" />
<input name="badges" defaultValue={pkg.badges ?? ""} placeholder="Badge codes (optional)" maxLength={255} className="w-full" />
<input name="position" type="number" min={0} defaultValue={pkg.position} placeholder="Position" className="w-full" />
<input name="name" defaultValue={pkg.name} placeholder={t("form.namePlaceholder")} required maxLength={255} className="w-full" />
<input name="info" defaultValue={pkg.info} placeholder={t("form.infoPlaceholder")} maxLength={255} className="w-full" />
<input name="icon" defaultValue={pkg.iconUrl} placeholder={t("form.iconPlaceholder")} maxLength={255} className="w-full" />
<input name="color" defaultValue={pkg.color} placeholder={t("form.colorPlaceholder")} maxLength={255} className="w-full" />
<input name="costs" type="number" min={0} defaultValue={pkg.costs} placeholder={t("form.costsPlaceholder")} required className="w-full" />
<input name="credits" type="number" min={0} defaultValue={pkg.credits ?? undefined} placeholder={t("form.creditsPlaceholder")} className="w-full" />
<input name="duckets" type="number" min={0} defaultValue={pkg.duckets ?? undefined} placeholder={t("form.ducketsPlaceholder")} className="w-full" />
<input name="diamonds" type="number" min={0} defaultValue={pkg.diamonds ?? undefined} placeholder={t("form.diamondsPlaceholder")} className="w-full" />
<input name="giveRank" type="number" min={0} defaultValue={pkg.giveRank ?? undefined} placeholder={t("form.giveRankPlaceholder")} className="w-full" />
<input name="badges" defaultValue={pkg.badges ?? ""} placeholder={t("form.badgesPlaceholder")} maxLength={255} className="w-full" />
<input name="position" type="number" min={0} defaultValue={pkg.position} placeholder={t("form.positionPlaceholder")} className="w-full" />
</div>
<div className="mt-6 flex gap-2">
<button type="submit" className="btn btn-primary">
Save
{t("form.save")}
</button>
<form action={deleteShopArticle}>
<input type="hidden" name="id" value={String(pkg.id)} />
<button type="submit" className="btn btn-danger">
Delete package
{t("form.deletePackage")}
</button>
</form>
</div>
src/app/admin/shop/new/page.tsx
+18 -15
View File
@@ -1,8 +1,11 @@
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { createShopArticle } from "@/actions/admin-shop";
import { Package } from "lucide-react";
export default function NewShopArticle() {
export default async function NewShopArticle() {
const t = await getTranslations("pages.admin.shop");
return (
<main>
<div className="flex items-center gap-3 mb-6">
@@ -10,30 +13,30 @@ export default function NewShopArticle() {
<Package size={20} className="text-[var(--color-primary)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">New shop package</h1>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("newPackageTitle")}</h1>
<Link href="/admin/shop" className="text-xs text-[var(--color-text-muted)] hover:text-[var(--color-primary)]">
← Back to shop
← {t("backToShop")}
</Link>
</div>
</div>
<form action={createShopArticle} className="admin-card">
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
<input name="name" placeholder="Name" required maxLength={255} className="w-full" />
<input name="info" placeholder="Info / description" maxLength={255} className="w-full" />
<input name="icon" placeholder="Icon" maxLength={255} className="w-full" />
<input name="color" placeholder="Color (e.g. #ffcc00)" maxLength={255} className="w-full" />
<input name="costs" type="number" min={0} placeholder="Costs (store price)" required className="w-full" />
<input name="credits" type="number" min={0} placeholder="Credits given (optional)" className="w-full" />
<input name="duckets" type="number" min={0} placeholder="Duckets given (optional)" className="w-full" />
<input name="diamonds" type="number" min={0} placeholder="Diamonds given (optional)" className="w-full" />
<input name="giveRank" type="number" min={0} placeholder="Give rank (optional)" className="w-full" />
<input name="badges" placeholder="Badge codes (optional)" maxLength={255} className="w-full" />
<input name="position" type="number" min={0} placeholder="Position" defaultValue={0} className="w-full" />
<input name="name" placeholder={t("form.namePlaceholder")} required maxLength={255} className="w-full" />
<input name="info" placeholder={t("form.infoPlaceholder")} maxLength={255} className="w-full" />
<input name="icon" placeholder={t("form.iconPlaceholder")} maxLength={255} className="w-full" />
<input name="color" placeholder={t("form.colorPlaceholder")} maxLength={255} className="w-full" />
<input name="costs" type="number" min={0} placeholder={t("form.costsPlaceholder")} required className="w-full" />
<input name="credits" type="number" min={0} placeholder={t("form.creditsPlaceholder")} className="w-full" />
<input name="duckets" type="number" min={0} placeholder={t("form.ducketsPlaceholder")} className="w-full" />
<input name="diamonds" type="number" min={0} placeholder={t("form.diamondsPlaceholder")} className="w-full" />
<input name="giveRank" type="number" min={0} placeholder={t("form.giveRankPlaceholder")} className="w-full" />
<input name="badges" placeholder={t("form.badgesPlaceholder")} maxLength={255} className="w-full" />
<input name="position" type="number" min={0} placeholder={t("form.positionPlaceholder")} defaultValue={0} className="w-full" />
</div>
<div className="mt-6 text-right">
<button type="submit" className="btn btn-primary">
Create
{t("form.create")}
</button>
</div>
</form>
src/app/admin/shop/page.tsx
+27 -25
View File
File diff suppressed because it is too large. Load diff
src/app/admin/subscriptions/page.tsx
+15 -16
View File
@@ -1,4 +1,5 @@
import { CreditCard } from "lucide-react";
import { getTranslations } from "next-intl/server";
import { StatusCard } from "@/components/admin/dashboard";
import { prisma } from "@/lib/prisma";
@@ -16,12 +17,11 @@ function fmt(ts: number): string {
}
export default async function AdminSubscriptions() {
const t = await getTranslations("pages.admin.subscriptions");
const now = Math.floor(Date.now() / 1000);
let active: SubRow[] = [];
try {
// Schema has no timestamp_end column; expiry = timestamp_start + duration.
// Active subs are active=1 with a computed expiry still in the future.
const rows = await prisma.usersSubscriptions.findMany({
where: { active: 1 },
orderBy: { id: "desc" },
@@ -41,7 +41,6 @@ export default async function AdminSubscriptions() {
active = [];
}
// "Expiring soon" = within the next 7 days.
const soonCutoff = now + 7 * 24 * 60 * 60;
const expiringSoon = active.filter((s) => s.expiresAt <= soonCutoff).length;
const types = new Set(active.map((s) => s.subscriptionType ?? "—")).size;
@@ -53,16 +52,16 @@ export default async function AdminSubscriptions() {
<CreditCard size={20} className="text-[var(--color-primary)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">Subscriptions</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">Active Habbo Club / VIP subscriptions (expiry &gt; now). Read-only.</p>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("title")}</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">{t("subtitle")}</p>
</div>
</div>
<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
<StatusCard label="Active subs" value={active.length} icon="⭐" />
<StatusCard label="Types" value={types} icon="🏷️" />
<StatusCard label={t("activeSubs")} value={active.length} icon="⭐" />
<StatusCard label={t("types")} value={types} icon="🏷️" />
<StatusCard
label="Expiring ≤ 7d"
label={t("expiringSoon")}
value={expiringSoon}
state={expiringSoon > 0 ? "warn" : "ok"}
icon="⏳"
@@ -70,16 +69,16 @@ export default async function AdminSubscriptions() {
</div>
<section className="mt-6">
<h2 className="admin-section-title">Active subscriptions ({active.length})</h2>
<h2 className="admin-section-title">{t("activeSubscriptions")} ({active.length})</h2>
<div className="admin-card">
<table>
<thead>
<tr>
<th>Sub ID</th>
<th>User ID</th>
<th>Type</th>
<th>Status</th>
<th>Expires</th>
<th>{t("colSubId")}</th>
<th>{t("colUserId")}</th>
<th>{t("colType")}</th>
<th>{t("colStatus")}</th>
<th>{t("colExpires")}</th>
</tr>
</thead>
<tbody>
@@ -92,7 +91,7 @@ export default async function AdminSubscriptions() {
<td>{s.subscriptionType ?? "—"}</td>
<td>
<span className={`inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full ${soon ? "bg-[var(--color-primary)]/18 text-[var(--color-text)]" : "bg-green-600/20 text-[var(--color-text)]"}`}>
{soon ? "Expiring" : "Active"}
{soon ? t("statusExpiring") : t("statusActive")}
</span>
</td>
<td className="text-sm text-gray-500 dark:text-gray-400 whitespace-nowrap">{fmt(s.expiresAt)}</td>
@@ -101,7 +100,7 @@ export default async function AdminSubscriptions() {
})}
</tbody>
</table>
{active.length === 0 ? <div className="admin-empty">No active subscriptions.</div> : null}
{active.length === 0 ? <div className="admin-empty">{t("noSubscriptions")}</div> : null}
</div>
</section>
</main>
src/app/admin/tags/page.tsx
+36 -34
View File
File diff suppressed because it is too large. Load diff
src/app/admin/teams/page.tsx
+38 -36
View File
File diff suppressed because it is too large. Load diff
src/app/admin/theme/page.tsx
+17 -17
View File
File diff suppressed because it is too large. Load diff
src/app/admin/transactions/page.tsx
+32 -36
View File
File diff suppressed because it is too large. Load diff
src/app/admin/users/[id]/edit/page.tsx
+19 -17
View File
File diff suppressed because it is too large. Load diff
src/app/admin/users/[id]/page.tsx
+33 -31
View File
File diff suppressed because it is too large. Load diff
src/app/admin/users/page.tsx
+24 -22
View File
File diff suppressed because it is too large. Load diff
src/app/admin/vouchers/page.tsx
+28 -26
View File
File diff suppressed because it is too large. Load diff
src/app/admin/vpn/page.tsx
+22 -22
View File
File diff suppressed because it is too large. Load diff
src/app/admin/wordfilter/page.tsx
+14 -11
View File
@@ -1,3 +1,4 @@
import { getTranslations } from "next-intl/server";
import { Filter } from "lucide-react";
import { addWord, deleteWord } from "@/actions/admin-wordfilter";
import { StatusCard } from "@/components/admin/dashboard";
@@ -8,6 +9,8 @@ export const dynamic = "force-dynamic";
type WordRow = { id: bigint; word: string };
export default async function AdminWordFilter() {
const t = await getTranslations("pages.admin.wordfilter");
let words: WordRow[] = [];
try {
words = await prisma.websiteWordfilter.findMany({
@@ -26,28 +29,28 @@ export default async function AdminWordFilter() {
<Filter size={20} className="text-[var(--color-primary)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">Word Filter</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">Words added here are blocked in-game. Saving pushes the list to the emulator.</p>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("title")}</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">{t("subtitle")}</p>
</div>
</div>
<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
<StatusCard label="Filtered words" value={words.length} icon="🚫" />
<StatusCard label={t("filteredWords")} value={words.length} icon="🚫" />
</div>
<section className="mt-6">
<h2 className="admin-section-title">Add word</h2>
<h2 className="admin-section-title">{t("addWord")}</h2>
<form action={addWord} className="admin-card">
<div className="flex gap-2 flex-wrap">
<input
name="word"
placeholder="Word to filter"
placeholder={t("wordToFilter")}
required
maxLength={255}
className="flex-1 min-w-[200px]"
/>
<button type="submit" className="btn btn-primary">
Add
{t("add")}
</button>
</div>
</form>
@@ -55,17 +58,17 @@ export default async function AdminWordFilter() {
<section className="mt-6">
<h2 className="admin-section-title">
Words <span className="inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full bg-[var(--color-primary)]/18 text-[var(--color-text)]">{words.length}</span>
{t("words")} <span className="inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full bg-[var(--color-primary)]/18 text-[var(--color-text)]">{words.length}</span>
</h2>
{words.length === 0 ? (
<div className="admin-empty">No filtered words.</div>
<div className="admin-empty">{t("noWords")}</div>
) : (
<div className="admin-card" style={{ padding: 0, overflowX: "auto" }}>
<table>
<thead>
<tr>
<th>ID</th>
<th>Word</th>
<th>{t("colId")}</th>
<th>{t("colWord")}</th>
<th />
</tr>
</thead>
@@ -80,7 +83,7 @@ export default async function AdminWordFilter() {
<form action={deleteWord}>
<input type="hidden" name="id" value={String(w.id)} />
<button type="submit" className="btn btn-danger">
Delete
{t("delete")}
</button>
</form>
</td>
src/app/admin/writeable-boxes/page.tsx
+25 -23
View File
File diff suppressed because it is too large. Load diff
src/messages/de.json
+1308
View File
File diff suppressed because it is too large. Load diff
src/messages/en.json
+1310 -1
View File
File diff suppressed because it is too large. Load diff
src/messages/es.json
+1308
View File
File diff suppressed because it is too large. Load diff
src/messages/fr.json
+1308
View File
File diff suppressed because it is too large. Load diff
src/messages/it.json
+1308
View File
File diff suppressed because it is too large. Load diff
src/messages/nl.json
+1308
View File
File diff suppressed because it is too large. Load diff