Translate admin panel to all 6 languages
This commit is contained in:
openhands committed
1 parent
f381aa987f
commit
befa4ec282
63 files changed
+9353
-1443
No files matched your search
@@ -1,4 +1,5 @@
|
||||
import os from "node:os";
|
||||
import { getTranslations } from "next-intl/server";
|
||||
import { Activity } from 'lucide-react';
|
||||
import {
|
||||
hotelAlert,
|
||||
@@ -55,6 +56,8 @@ function uptime(seconds: number): string {
|
||||
}
|
||||
|
||||
export default async function CommandoCentrum() {
|
||||
const t = await getTranslations("pages.admin.commandocentrum");
|
||||
|
||||
const [onlineCount, totalUsers, errors, dbOk, emulatorOnline, maintenance, activity] =
|
||||
await Promise.all([
|
||||
prisma.user.count({ where: { online: "1" } }).catch(() => 0),
|
||||
@@ -91,38 +94,38 @@ export default async function CommandoCentrum() {
|
||||
<Activity size={20} className="text-[var(--color-primary)]" />
|
||||
</div>
|
||||
<div>
|
||||
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">Commandocentrum</h1>
|
||||
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">Live hotel status, diagnostics and emulator control over RCON.</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>
|
||||
|
||||
{/* ── Live status ────────────────────────────────────────── */}
|
||||
<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6" style={{ marginTop: "1.1rem" }}>
|
||||
<StatusCard
|
||||
label="Players online"
|
||||
label={t("playersOnline")}
|
||||
value={onlineCount}
|
||||
hint={totalUsers >= 0 ? `${totalUsers} accounts total` : "DB unavailable"}
|
||||
hint={totalUsers >= 0 ? t("totalAccounts", { count: totalUsers }) : t("dbUnavailable")}
|
||||
state="neutral"
|
||||
icon="👤"
|
||||
/>
|
||||
<StatusCard
|
||||
label="Emulator"
|
||||
value={emulatorOnline ? "Online" : "Offline"}
|
||||
hint={emulatorOnline ? "RCON reachable" : "RCON not responding"}
|
||||
label={t("emulator")}
|
||||
value={emulatorOnline ? t("online") : t("offline")}
|
||||
hint={emulatorOnline ? t("rconReachable") : t("rconNotResponding")}
|
||||
state={emulatorOnline ? "ok" : "danger"}
|
||||
icon="🎮"
|
||||
/>
|
||||
<StatusCard
|
||||
label="Database"
|
||||
value={dbOk ? "Connected" : "Down"}
|
||||
hint={dbOk ? "Queries responding" : "Cannot reach DB"}
|
||||
label={t("database")}
|
||||
value={dbOk ? t("connected") : t("down")}
|
||||
hint={dbOk ? t("queriesResponding") : t("cannotReachDb")}
|
||||
state={dbOk ? "ok" : "danger"}
|
||||
icon="🗄️"
|
||||
/>
|
||||
<StatusCard
|
||||
label="Emulator errors"
|
||||
label={t("emulatorErrors")}
|
||||
value={errors.length}
|
||||
hint="last 50 logged"
|
||||
hint={t("last50Logged")}
|
||||
state={errors.length === 0 ? "ok" : "warn"}
|
||||
icon="⚠️"
|
||||
/>
|
||||
@@ -130,7 +133,7 @@ export default async function CommandoCentrum() {
|
||||
|
||||
{/* ── Online users widget ───────────────────────────────── */}
|
||||
<section className="admin-card mb-6">
|
||||
<h2 className="admin-section-title">Online Users</h2>
|
||||
<h2 className="admin-section-title">{t("onlineUsers")}</h2>
|
||||
<OnlineUsersWidget
|
||||
users={[]}
|
||||
isLoading={false}
|
||||
@@ -140,50 +143,50 @@ export default async function CommandoCentrum() {
|
||||
{/* ── Server info + diagnostics ──────────────────────────── */}
|
||||
<div className="grid cols-2">
|
||||
<section className="admin-card p-5">
|
||||
<h2 className="admin-section-title">Server info</h2>
|
||||
<h2 className="admin-section-title">{t("serverInfo")}</h2>
|
||||
<div className="grid grid-cols-[repeat(auto-fit,minmax(150px,1fr))] gap-2.5">
|
||||
<InfoItem label="Node" value={process.version} />
|
||||
<InfoItem label="Platform" value={`${process.platform} ${process.arch}`} />
|
||||
<InfoItem label="App uptime" value={uptime(process.uptime())} />
|
||||
<InfoItem label="Heap used" value={mb(process.memoryUsage().heapUsed)} />
|
||||
<InfoItem label="RSS" value={mb(process.memoryUsage().rss)} />
|
||||
<InfoItem label="Host uptime" value={uptime(os.uptime())} />
|
||||
<InfoItem label="Load (1m)" value={os.loadavg()[0]?.toFixed(2) ?? "—"} />
|
||||
<InfoItem label="CPUs" value={os.cpus().length} />
|
||||
<InfoItem label={t("node")} value={process.version} />
|
||||
<InfoItem label={t("platform")} value={`${process.platform} ${process.arch}`} />
|
||||
<InfoItem label={t("appUptime")} value={uptime(process.uptime())} />
|
||||
<InfoItem label={t("heapUsed")} value={mb(process.memoryUsage().heapUsed)} />
|
||||
<InfoItem label={t("rss")} value={mb(process.memoryUsage().rss)} />
|
||||
<InfoItem label={t("hostUptime")} value={uptime(os.uptime())} />
|
||||
<InfoItem label={t("load1m")} value={os.loadavg()[0]?.toFixed(2) ?? "—"} />
|
||||
<InfoItem label={t("cpus")} value={os.cpus().length} />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="admin-card p-5">
|
||||
<h2 className="admin-section-title">System diagnostics</h2>
|
||||
<h2 className="admin-section-title">{t("systemDiagnostics")}</h2>
|
||||
<div className="flex flex-col">
|
||||
<DiagnosticRow
|
||||
label="Database"
|
||||
detail={dbOk ? "Connection healthy" : "Unreachable"}
|
||||
label={t("database")}
|
||||
detail={dbOk ? t("connectionHealthy") : t("unreachable")}
|
||||
state={dbOk ? "ok" : "danger"}
|
||||
/>
|
||||
<DiagnosticRow
|
||||
label="Emulator (RCON)"
|
||||
detail={emulatorOnline ? "Responding to ping" : "No response — is it running?"}
|
||||
label={t("emulatorRcon")}
|
||||
detail={emulatorOnline ? t("respondingToPing") : t("noResponse")}
|
||||
state={emulatorOnline ? "ok" : "warn"}
|
||||
/>
|
||||
<DiagnosticRow
|
||||
label="RCON config"
|
||||
detail={rconSet ? "RCON_HOST set" : "RCON_HOST not configured"}
|
||||
label={t("rconConfig")}
|
||||
detail={rconSet ? t("rconHostSet") : t("rconHostNotConfigured")}
|
||||
state={rconSet ? "ok" : "warn"}
|
||||
/>
|
||||
<DiagnosticRow
|
||||
label="2FA encryption key"
|
||||
detail={appKeySet ? "APP_KEY configured" : "APP_KEY missing — 2FA secrets can't decrypt"}
|
||||
label={t("twoFaEncryptionKey")}
|
||||
detail={appKeySet ? t("appKeyConfigured") : t("appKeyMissing")}
|
||||
state={appKeySet ? "ok" : "warn"}
|
||||
/>
|
||||
<DiagnosticRow
|
||||
label="Email (SMTP)"
|
||||
detail={smtpSet ? "SMTP_HOST set" : "Not configured — emails disabled"}
|
||||
label={t("emailSmtp")}
|
||||
detail={smtpSet ? t("smtpHostSet") : t("notConfigured")}
|
||||
state={smtpSet ? "ok" : "warn"}
|
||||
/>
|
||||
<DiagnosticRow
|
||||
label="Maintenance mode"
|
||||
detail={maintenance ? "Site is in maintenance" : "Site is live"}
|
||||
label={t("maintenanceMode")}
|
||||
detail={maintenance ? t("siteIsInMaintenance") : t("siteIsLive")}
|
||||
state={maintenance ? "warn" : "ok"}
|
||||
/>
|
||||
</div>
|
||||
@@ -191,54 +194,54 @@ export default async function CommandoCentrum() {
|
||||
</div>
|
||||
|
||||
<section className="mt-6">
|
||||
<h2 className="admin-section-title">Emulator controls</h2>
|
||||
<h2 className="admin-section-title">{t("emulatorControls")}</h2>
|
||||
<div className="grid grid-cols-1 sm:grid-cols-3 gap-4">
|
||||
<form action={updateCatalog} className="admin-card">
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">Update catalog</h3>
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("updateCatalog")}</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-4">
|
||||
Reload catalog pages and items on the live server.
|
||||
{t("updateCatalogDesc")}
|
||||
</p>
|
||||
<button type="submit" className="btn btn-primary">
|
||||
Update catalog
|
||||
{t("updateCatalog")}
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<form action={updateWordFilter} className="admin-card">
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">Update word filter</h3>
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("updateWordFilter")}</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-4">
|
||||
Reload the chat word filter from the database.
|
||||
{t("updateWordFilterDesc")}
|
||||
</p>
|
||||
<button type="submit" className="btn btn-primary">
|
||||
Update word filter
|
||||
{t("updateWordFilter")}
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<form action={updateNavigator} className="admin-card">
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">Update navigator</h3>
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("updateNavigator")}</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-4">
|
||||
Reload navigator categories and room listings.
|
||||
{t("updateNavigatorDesc")}
|
||||
</p>
|
||||
<button type="submit" className="btn btn-primary">
|
||||
Update navigator
|
||||
{t("updateNavigator")}
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<form action={hotelAlert} className="admin-card mt-6">
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">Hotel alert</h3>
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("hotelAlert")}</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-3">
|
||||
Broadcast a message to every connected user.
|
||||
{t("hotelAlertDesc")}
|
||||
</p>
|
||||
<div className="flex gap-2">
|
||||
<input
|
||||
name="message"
|
||||
required
|
||||
maxLength={512}
|
||||
placeholder="Message to broadcast…"
|
||||
placeholder={t("messageToBroadcast")}
|
||||
className="flex-1 min-w-[220px]"
|
||||
/>
|
||||
<button type="submit" className="btn btn-danger">
|
||||
Send alert
|
||||
{t("sendAlert")}
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
@@ -246,126 +249,126 @@ export default async function CommandoCentrum() {
|
||||
|
||||
{/* ── User RCON actions ──────────────────────────────────── */}
|
||||
<section className="mt-6">
|
||||
<h2 className="admin-section-title">User actions (RCON)</h2>
|
||||
<h2 className="admin-section-title">{t("userActions")}</h2>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-4">
|
||||
Enter a User ID to perform actions on a specific user. Username required for disconnect.
|
||||
{t("userActionsDesc")}
|
||||
</p>
|
||||
|
||||
<div className="grid grid-cols-1 sm:grid-cols-3 gap-4">
|
||||
<form action={disconnectUser} className="admin-card">
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">Disconnect / Kick</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-3">Force disconnect a user.</p>
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("actions.disconnect")}</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-3">{t("disconnectDesc")}</p>
|
||||
<div className="space-y-2">
|
||||
<input name="userId" type="number" min={1} placeholder="User ID" required className="w-full" />
|
||||
<input name="username" type="text" placeholder="Username (required)" required className="w-full" />
|
||||
<button type="submit" className="btn btn-danger w-full">Disconnect user</button>
|
||||
<input name="userId" type="number" min={1} placeholder={t("userId")} required className="w-full" />
|
||||
<input name="username" type="text" placeholder={t("usernameRequired")} required className="w-full" />
|
||||
<button type="submit" className="btn btn-danger w-full">{t("actions.disconnect")}</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<form action={alertUser} className="admin-card">
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">Alert user</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-3">Send a popup alert to a user.</p>
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("actions.alert")}</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-3">{t("alertDesc")}</p>
|
||||
<div className="space-y-2">
|
||||
<input name="userId" type="number" min={1} placeholder="User ID" required className="w-full" />
|
||||
<input name="message" type="text" placeholder="Alert message" required maxLength={512} className="w-full" />
|
||||
<button type="submit" className="btn btn-primary w-full">Send alert</button>
|
||||
<input name="userId" type="number" min={1} placeholder={t("userId")} required className="w-full" />
|
||||
<input name="message" type="text" placeholder={t("alertMessage")} required maxLength={512} className="w-full" />
|
||||
<button type="submit" className="btn btn-primary w-full">{t("actions.alert")}</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<form action={forwardUser} className="admin-card">
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">Forward to room</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-3">Teleport user to a room ID.</p>
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("forwardToRoom")}</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-3">{t("forwardDesc")}</p>
|
||||
<div className="space-y-2">
|
||||
<input name="userId" type="number" min={1} placeholder="User ID" required className="w-full" />
|
||||
<input name="roomId" type="number" min={1} placeholder="Room ID" required className="w-full" />
|
||||
<button type="submit" className="btn btn-primary w-full">Forward user</button>
|
||||
<input name="userId" type="number" min={1} placeholder={t("userId")} required className="w-full" />
|
||||
<input name="roomId" type="number" min={1} placeholder={t("roomId")} required className="w-full" />
|
||||
<button type="submit" className="btn btn-primary w-full">{t("forwardUser")}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 sm:grid-cols-3 gap-4 mt-4">
|
||||
<form action={giveCredits} className="admin-card">
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">Give credits</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-3">Add credits to a user.</p>
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("giveCredits")}</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-3">{t("giveCreditsDesc")}</p>
|
||||
<div className="space-y-2">
|
||||
<input name="userId" type="number" min={1} placeholder="User ID" required className="w-full" />
|
||||
<input name="credits" type="number" min={1} placeholder="Amount" required className="w-full" />
|
||||
<button type="submit" className="btn btn-primary w-full">Give credits</button>
|
||||
<input name="userId" type="number" min={1} placeholder={t("userId")} required className="w-full" />
|
||||
<input name="credits" type="number" min={1} placeholder={t("amount")} required className="w-full" />
|
||||
<button type="submit" className="btn btn-primary w-full">{t("giveCredits")}</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<form action={giveDuckets} className="admin-card">
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">Give duckets</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-3">Add duckets to a user.</p>
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("giveDuckets")}</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-3">{t("giveDucketsDesc")}</p>
|
||||
<div className="space-y-2">
|
||||
<input name="userId" type="number" min={1} placeholder="User ID" required className="w-full" />
|
||||
<input name="amount" type="number" min={1} placeholder="Amount" required className="w-full" />
|
||||
<button type="submit" className="btn btn-primary w-full">Give duckets</button>
|
||||
<input name="userId" type="number" min={1} placeholder={t("userId")} required className="w-full" />
|
||||
<input name="amount" type="number" min={1} placeholder={t("amount")} required className="w-full" />
|
||||
<button type="submit" className="btn btn-primary w-full">{t("giveDuckets")}</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<form action={giveDiamonds} className="admin-card">
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">Give diamonds</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-3">Add diamonds to a user.</p>
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("giveDiamonds")}</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-3">{t("giveDiamondsDesc")}</p>
|
||||
<div className="space-y-2">
|
||||
<input name="userId" type="number" min={1} placeholder="User ID" required className="w-full" />
|
||||
<input name="amount" type="number" min={1} placeholder="Amount" required className="w-full" />
|
||||
<button type="submit" className="btn btn-primary w-full">Give diamonds</button>
|
||||
<input name="userId" type="number" min={1} placeholder={t("userId")} required className="w-full" />
|
||||
<input name="amount" type="number" min={1} placeholder={t("amount")} required className="w-full" />
|
||||
<button type="submit" className="btn btn-primary w-full">{t("giveDiamonds")}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 sm:grid-cols-3 gap-4 mt-4">
|
||||
<form action={giveBadge} className="admin-card">
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">Give badge</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-3">Give a badge code (e.g. HOF1).</p>
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("giveBadge")}</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-3">{t("giveBadgeDesc")}</p>
|
||||
<div className="space-y-2">
|
||||
<input name="userId" type="number" min={1} placeholder="User ID" required className="w-full" />
|
||||
<input name="badge" type="text" placeholder="Badge code" required maxLength={32} className="w-full" />
|
||||
<button type="submit" className="btn btn-primary w-full">Give badge</button>
|
||||
<input name="userId" type="number" min={1} placeholder={t("userId")} required className="w-full" />
|
||||
<input name="badge" type="text" placeholder={t("badgeCode")} required maxLength={32} className="w-full" />
|
||||
<button type="submit" className="btn btn-primary w-full">{t("giveBadge")}</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<form action={setMotto} className="admin-card">
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">Set motto</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-3">Change user's motto (max 127 chars).</p>
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("setMotto")}</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-3">{t("setMottoDesc")}</p>
|
||||
<div className="space-y-2">
|
||||
<input name="userId" type="number" min={1} placeholder="User ID" required className="w-full" />
|
||||
<input name="motto" type="text" placeholder="New motto" required maxLength={127} className="w-full" />
|
||||
<button type="submit" className="btn btn-primary w-full">Set motto</button>
|
||||
<input name="userId" type="number" min={1} placeholder={t("userId")} required className="w-full" />
|
||||
<input name="motto" type="text" placeholder={t("newMotto")} required maxLength={127} className="w-full" />
|
||||
<button type="submit" className="btn btn-primary w-full">{t("setMotto")}</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<form action={setRank} className="admin-card">
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">Set rank</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-3">Change user rank (0–10).</p>
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("setRank")}</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-3">{t("setRankDesc")}</p>
|
||||
<div className="space-y-2">
|
||||
<input name="userId" type="number" min={1} placeholder="User ID" required className="w-full" />
|
||||
<input name="rank" type="number" min={0} max={10} placeholder="Rank (0–10)" required className="w-full" />
|
||||
<button type="submit" className="btn btn-primary w-full">Set rank</button>
|
||||
<input name="userId" type="number" min={1} placeholder={t("userId")} required className="w-full" />
|
||||
<input name="rank" type="number" min={0} max={10} placeholder={t("rankPlaceholder")} required className="w-full" />
|
||||
<button type="submit" className="btn btn-primary w-full">{t("setRank")}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 sm:grid-cols-3 gap-4 mt-4">
|
||||
<form action={executeCommand} className="admin-card">
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">Execute command</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-3">Run a chat command as the user.</p>
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("executeCommand")}</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-3">{t("executeCommandDesc")}</p>
|
||||
<div className="space-y-2">
|
||||
<input name="userId" type="number" min={1} placeholder="User ID" required className="w-full" />
|
||||
<input name="command" type="text" placeholder="Command (e.g. :pickall)" required maxLength={100} className="w-full" />
|
||||
<button type="submit" className="btn btn-primary w-full">Execute</button>
|
||||
<input name="userId" type="number" min={1} placeholder={t("userId")} required className="w-full" />
|
||||
<input name="command" type="text" placeholder={t("commandPlaceholder")} required maxLength={100} className="w-full" />
|
||||
<button type="submit" className="btn btn-primary w-full">{t("execute")}</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<form action={sendGift} className="admin-card">
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">Send gift</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-3">Send a furniture item as gift.</p>
|
||||
<h3 className="text-sm font-bold text-[var(--color-text)] mb-2">{t("sendGift")}</h3>
|
||||
<p className="text-xs text-[var(--color-text-muted)] mb-3">{t("sendGiftDesc")}</p>
|
||||
<div className="space-y-2">
|
||||
<input name="userId" type="number" min={1} placeholder="User ID" required className="w-full" />
|
||||
<input name="itemId" type="number" min={1} placeholder="Furni ID" required className="w-full" />
|
||||
<input name="message" type="text" placeholder="Gift message" maxLength={255} defaultValue="Here is a gift." className="w-full" />
|
||||
<button type="submit" className="btn btn-primary w-full">Send gift</button>
|
||||
<input name="userId" type="number" min={1} placeholder={t("userId")} required className="w-full" />
|
||||
<input name="itemId" type="number" min={1} placeholder={t("furniId")} required className="w-full" />
|
||||
<input name="message" type="text" placeholder={t("giftMessage")} maxLength={255} defaultValue={t("defaultGiftMessage")} className="w-full" />
|
||||
<button type="submit" className="btn btn-primary w-full">{t("sendGift")}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -373,18 +376,18 @@ export default async function CommandoCentrum() {
|
||||
|
||||
{/* ── Staff activity ─────────────────────────────────────── */}
|
||||
<section className="mt-6">
|
||||
<h2 className="admin-section-title">Recent staff activity</h2>
|
||||
<h2 className="admin-section-title">{t("recentStaffActivity")}</h2>
|
||||
{activity.length === 0 ? (
|
||||
<div className="admin-empty">No staff activity logged yet.</div>
|
||||
<div className="admin-empty">{t("noStaffActivity")}</div>
|
||||
) : (
|
||||
<div className="admin-card overflow-x-auto">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>When</th>
|
||||
<th>Staff</th>
|
||||
<th>Action</th>
|
||||
<th>Description</th>
|
||||
<th>{t("colWhen")}</th>
|
||||
<th>{t("colStaff")}</th>
|
||||
<th>{t("colAction")}</th>
|
||||
<th>{t("colDescription")}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@@ -408,28 +411,27 @@ export default async function CommandoCentrum() {
|
||||
|
||||
{/* ── Emulator errors ────────────────────────────────────── */}
|
||||
<section className="mt-6">
|
||||
<h2 className="admin-section-title">Recent emulator errors</h2>
|
||||
<h2 className="admin-section-title">{t("recentEmulatorErrors")}</h2>
|
||||
{errors.length === 0 ? (
|
||||
<div className="admin-empty">No emulator errors logged.</div>
|
||||
<div className="admin-empty">{t("noEmulatorErrors")}</div>
|
||||
) : (
|
||||
<div className="admin-card overflow-x-auto">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>When</th>
|
||||
<th>Type</th>
|
||||
<th>Version</th>
|
||||
<th>Stacktrace</th>
|
||||
<th>{t("colWhen")}</th>
|
||||
<th>{t("colType")}</th>
|
||||
<th>{t("colVersion")}</th>
|
||||
<th>{t("colStacktrace")}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{errors.map((e) => {
|
||||
const trace = decodeStacktrace(e.stacktrace);
|
||||
// Truncate stacktraces to first 20 lines to avoid info disclosure.
|
||||
const snippet = trace
|
||||
? trace.split("\n").slice(0, 20).join("\n") +
|
||||
(trace.split("\n").length > 20 ? "\n… (truncated)" : "")
|
||||
: "(empty)";
|
||||
(trace.split("\n").length > 20 ? "\n… " + t("truncated") : "")
|
||||
: t("empty");
|
||||
return (
|
||||
<tr key={e.id}>
|
||||
<td className="text-sm text-gray-500 dark:text-gray-400 whitespace-nowrap">
|
||||
@@ -454,4 +456,4 @@ export default async function CommandoCentrum() {
|
||||
</section>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user