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

Clean up admin hub UX: tabs, chrome, and redundant headers.
Local Build and Deploy / deploy (push) Failing after 53s
Details

Browse Source 
Wire orphan routes into hub tabs, group Radio into primary/tools rows, show theme/language once on desktop, and remove duplicate page titles under AdminHubChrome.

Co-authored-by: Cursor <[email protected]>
This commit is contained in:
SimoandCursor committed 2026-07-17 18:01:01 +02:00
1 parent 378705dd73
commit d2c0619f2f
75 files changed
+244 -915
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/app/admin/achievements/page.tsx
-18
View File
@@ -1,4 +1,3 @@
import { Award } from "lucide-react";
import { getTranslations } from "next-intl/server";
import { StatusCard } from "@/components/admin/dashboard";
import { prisma } from "@/lib/prisma";
@@ -54,23 +53,6 @@ export default async function AdminAchievements() {
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Award size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-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={t("achievementRows")}
src/app/admin/ads/page.tsx
+1 -13
View File
@@ -1,4 +1,3 @@
import { Megaphone } from "lucide-react";
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { StatusCard } from "@/components/admin/dashboard";
@@ -31,18 +30,7 @@ export default async function AdminAds() {
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Megaphone size={20} className="text-[var(--admin-accent)]" />
</div>
<div className="flex-1">
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
{t("subtitle")}
</p>
</div>
<div className="flex justify-end mb-6">
<Link href="/admin/ads/new" className="btn btn-primary">
+ {t("newAd")}
</Link>
src/app/admin/alerts/page.tsx
-15
View File
@@ -1,4 +1,3 @@
import { Bell } from "lucide-react";
import { getTranslations } from "next-intl/server";
import { sendHotelAlert } from "@/actions/admin-alerts";
import { StatusCard } from "@/components/admin/dashboard";
@@ -83,20 +82,6 @@ export default async function AdminAlerts() {
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Bell size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-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={t("alertsShown")} value={alerts.length} icon="🔔" />
<StatusCard
src/app/admin/analytics/activity/page.tsx
-7
View File
@@ -108,13 +108,6 @@ export default async function ActivityPage() {
return (
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">Activity</h1>
<p className="text-muted-foreground">
User activity breakdown and engagement metrics
</p>
</div>
<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
<StatsCard
title="Chat Messages"
src/app/admin/analytics/economy/page.tsx
-7
View File
@@ -106,13 +106,6 @@ export default async function EconomyPage() {
return (
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">Economy</h1>
<p className="text-muted-foreground">
Currency circulation, shop revenue and marketplace activity
</p>
</div>
<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
<StatsCard
title="Credits in Circulation"
src/app/admin/analytics/page.tsx
-7
View File
@@ -129,13 +129,6 @@ export default async function AnalyticsPage() {
return (
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">Analytics</h1>
<p className="text-muted-foreground">
Hotel performance overview and trends
</p>
</div>
<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
<StatsCard
title="Total Users"
src/app/admin/articles/page.tsx
+1 -13
View File
@@ -1,4 +1,3 @@
import { Newspaper } from "lucide-react";
import Link from "next/link";
import { redirect } from "next/navigation";
import { getTranslations } from "next-intl/server";
@@ -35,18 +34,7 @@ export default async function AdminArticles({
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Newspaper size={20} className="text-[var(--admin-accent)]" />
</div>
<div className="flex-1">
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
{t("subtitle")}
</p>
</div>
<div className="flex justify-end mb-6">
<Link href="/admin/articles/new" className="btn btn-primary">
+ {t("newArticle")}
</Link>
src/app/admin/badges/page.tsx
-15
View File
@@ -1,4 +1,3 @@
import { Award } from "lucide-react";
import { getTranslations } from "next-intl/server";
import { uploadBadge } from "@/actions/admin-badge-upload";
import { giveBadge } from "@/actions/admin-badges";
@@ -35,20 +34,6 @@ export default async function AdminBadges({
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Award size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
{t("subtitle")}
</p>
</div>
</div>
{uploaded && (
<div className="mb-4 p-3 rounded-lg bg-[var(--admin-success-subtle)] text-[var(--admin-success)] dark:text-[var(--admin-success)] text-xs">
{t("uploadedMessage", { code: uploaded })}
src/app/admin/banners/page.tsx
-6
View File
@@ -15,12 +15,6 @@ export default async function BannersPage() {
return (
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">Banners</h1>
<p className="text-muted-foreground">
Manage homepage banners and promotional slides
</p>
</div>
<BannersManager banners={banners} />
</div>
);
src/app/admin/bans/page.tsx
-15
View File
@@ -1,4 +1,3 @@
import { Ban } from "lucide-react";
import { redirect } from "next/navigation";
import { getTranslations } from "next-intl/server";
import { createBan, liftBan } from "@/actions/admin-bans";
@@ -37,20 +36,6 @@ export default async function AdminBans() {
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Ban size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-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={t("activeBans")}
src/app/admin/calendar/page.tsx
-15
View File
@@ -1,4 +1,3 @@
import { Calendar } from "lucide-react";
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { StatusCard } from "@/components/admin/dashboard";
@@ -65,20 +64,6 @@ export default async function AdminCalendar() {
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Calendar size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-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={t("campaigns")} value={campaigns.length} icon="📅" />
<StatusCard
src/app/admin/catalog/page.tsx
+8 -14
View File
@@ -209,13 +209,10 @@ export default async function CatalogPagesPage({
return (
<div className="space-y-6">
<div className="flex items-center justify-between">
<div>
<h1 className="text-3xl font-bold tracking-tight">Catalog Pages</h1>
<p className="text-muted-foreground">
{totalBcPages} BC pages ({enabledBcPages} enabled) &middot;{" "}
{totalBcItems} items
</p>
</div>
<p className="text-muted-foreground">
{totalBcPages} BC pages ({enabledBcPages} enabled) &middot;{" "}
{totalBcItems} items
</p>
<div className="flex items-center gap-2">
<CatalogViewToggle currentView={viewMode} catalogType="bc" />
{canEdit && <CatalogActions catalogType="bc" />}
@@ -404,13 +401,10 @@ export default async function CatalogPagesPage({
return (
<div className="space-y-6">
<div className="flex items-center justify-between">
<div>
<h1 className="text-3xl font-bold tracking-tight">Catalog Pages</h1>
<p className="text-muted-foreground">
{totalPages} pages ({enabledPages} enabled) &middot; {totalItems}{" "}
items
</p>
</div>
<p className="text-muted-foreground">
{totalPages} pages ({enabledPages} enabled) &middot; {totalItems}{" "}
items
</p>
<div className="flex items-center gap-2">
<CatalogViewToggle currentView={viewMode} catalogType="normal" />
{canEdit && <CatalogManagerDialog />}
src/app/admin/commandocentrum/page.tsx
-15
View File
@@ -1,5 +1,4 @@
import os from "node:os";
import { Activity } from "lucide-react";
import { redirect } from "next/navigation";
import { getTranslations } from "next-intl/server";
import {
@@ -117,20 +116,6 @@ export default async function CommandoCentrum() {
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Activity size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-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"
src/app/admin/devops/errors/page.tsx
+3 -6
View File
@@ -30,12 +30,9 @@ export default async function EmulatorErrorsPage({
return (
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">Emulator Errors</h1>
<p className="text-muted-foreground">
{total} total errors — showing page {page} of {lastPage}
</p>
</div>
<p className="text-muted-foreground">
{total} total errors — showing page {page} of {lastPage}
</p>
<Card>
<CardContent className="p-0">
src/app/admin/devops/page.tsx
-7
View File
@@ -59,13 +59,6 @@ export default async function DevOpsPage() {
return (
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">Health Status</h1>
<p className="text-muted-foreground">
System health, emulator status and error monitoring
</p>
</div>
{/* Status cards */}
<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
<Card>
src/app/admin/email-templates/page.tsx
-14
View File
@@ -30,20 +30,6 @@ export default async function AdminEmailTemplates() {
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<span className="text-lg">✉️</span>
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
{t.rich("subtitle", { code: (chunks) => <code>{chunks}</code> })}
</p>
</div>
</div>
<form action={createEmailTemplate} className="admin-card mb-6">
<h3 className="text-sm font-bold text-[var(--admin-text)] mb-2">
{t("newTemplate")}
src/app/admin/emulator/page.tsx
-7
View File
@@ -49,13 +49,6 @@ export default async function AdminEmulator() {
return (
<main>
<h1>{t("title")}</h1>
<p className="text-xs theme-text-muted dark:theme-text-muted mb-3">
{t.rich("subtitle", {
code: (chunks) => <code>{chunks}</code>,
})}
</p>
<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
<StatusCard
label={t("settingsKeys")}
src/app/admin/events/page.tsx
+1 -7
View File
@@ -44,13 +44,7 @@ export default async function EventsPage({
return (
<div className="space-y-6">
<div className="flex items-center justify-between">
<div>
<h1 className="text-3xl font-bold tracking-tight">Events</h1>
<p className="text-muted-foreground">
Manage hotel events, calendar and prizes
</p>
</div>
<div className="flex justify-end">
<Button asChild>
<Link href="/admin/events/create">New Event</Link>
</Button>
src/app/admin/events/types/page.tsx
-7
View File
@@ -15,13 +15,6 @@ export default async function EventTypesPage() {
return (
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">Event Types</h1>
<p className="text-muted-foreground">
Manage event categories and types
</p>
</div>
<EventTypesManager eventTypes={eventTypes} />
</div>
);
src/app/admin/favicon/page.tsx
-18
View File
@@ -1,5 +1,3 @@
import { Image } from "lucide-react";
import { getTranslations } from "next-intl/server";
import { prisma } from "@/lib/prisma";
import { FaviconForm } from "./favicon-form";
import { redirect } from "next/navigation";
@@ -13,8 +11,6 @@ export default async function AdminFaviconPage() {
redirect("/admin");
}
const t = await getTranslations("pages.admin.favicon");
let faviconUrl: string | null = null;
try {
const setting = await prisma.websiteSetting.findUnique({
@@ -27,20 +23,6 @@ export default async function AdminFaviconPage() {
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Image size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
{t("subtitle")}
</p>
</div>
</div>
<FaviconForm currentUrl={faviconUrl} />
</main>
);
src/app/admin/help-questions/page.tsx
+1 -13
View File
@@ -1,4 +1,3 @@
import { HelpCircle } from "lucide-react";
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { StatusCard } from "@/components/admin/dashboard";
@@ -32,18 +31,7 @@ export default async function AdminHelpQuestions() {
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<HelpCircle size={20} className="text-[var(--admin-accent)]" />
</div>
<div className="flex-1">
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
{t("subtitle")}
</p>
</div>
<div className="flex justify-end mb-6">
<Link href="/admin/help-questions/new" className="btn btn-primary">
+ {t("newEntry")}
</Link>
src/app/admin/housekeeping/page.tsx
-14
View File
@@ -63,20 +63,6 @@ export default async function AdminHousekeeping({
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<span className="text-lg">🔑</span>
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
{t("subtitle")}
</p>
</div>
</div>
<div className="admin-stat-row">
<span className="admin-stat-chip">
{t("permissionsCount", { count: permissions.length })}
src/app/admin/import/page.tsx
-5
View File
@@ -66,11 +66,6 @@ export default async function ImportPage() {
return (
<div className="space-y-6">
<div>
<h1 className="text-2xl font-bold">{t("title")}</h1>
<p className="text-muted-foreground">{t("subtitle")}</p>
</div>
<div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
{SECTIONS.map(({ href, label, icon: Icon, description }) => (
<Link
src/app/admin/ip/page.tsx
-15
View File
@@ -1,4 +1,3 @@
import { Shield } from "lucide-react";
import { getTranslations } from "next-intl/server";
import {
addBlacklist,
@@ -54,20 +53,6 @@ export default async function AdminIp() {
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Shield size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-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={t("whitelisted")}
src/app/admin/layout.tsx
+4 -2
View File
@@ -147,8 +147,10 @@ async function Topbar({
</span>
</div>
<div className="flex items-center gap-3">
<LanguageSwitcher variant="admin" />
<ThemeSwitcher variant="admin" />
<div className="flex items-center gap-1.5 lg:hidden">
<LanguageSwitcher variant="admin" />
<ThemeSwitcher variant="admin" />
</div>
<span className="text-xs text-[var(--admin-text-muted)]">
<strong className="text-[var(--admin-text)]">{staff.username}</strong>
</span>
src/app/admin/logs/audit/page.tsx
-5
View File
@@ -37,11 +37,6 @@ export default async function AuditLogsPage({
return (
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">Audit Logs</h1>
<p className="text-muted-foreground">Track admin actions and changes</p>
</div>
<AuditTable data={{ rows, ...pagination }} />
</div>
);
src/app/admin/logs/chat/page.tsx
-5
View File
@@ -30,11 +30,6 @@ export default async function ChatLogsPage({
return (
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">Chat Logs</h1>
<p className="text-muted-foreground">View in-game chat messages</p>
</div>
<ChatTable
data={{
rows: result.rows,
src/app/admin/logs/commands/page.tsx
-5
View File
@@ -30,11 +30,6 @@ export default async function CommandLogsPage({
return (
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">Command Logs</h1>
<p className="text-muted-foreground">View in-game command usage</p>
</div>
<CommandsTable
data={{
rows: result.rows,
src/app/admin/logs/page.tsx
-15
View File
@@ -1,4 +1,3 @@
import { ScrollText } from "lucide-react";
import { getTranslations } from "next-intl/server";
import { StatusCard } from "@/components/admin/dashboard";
import { buildStaffActivityWhere } from "@/lib/admin/log-filters";
@@ -90,20 +89,6 @@ export default async function AdminStaffActivities({
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<ScrollText size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-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={t("totalActivities")} value={total} icon="📋" />
<StatusCard
src/app/admin/logs/trades/page.tsx
-5
View File
@@ -33,11 +33,6 @@ export default async function TradeLogsPage({
return (
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">Trade Logs</h1>
<p className="text-muted-foreground">View in-game trade history</p>
</div>
<TradesTable
data={{
rows: result.rows,
src/app/admin/maintenance/page.tsx
-15
View File
@@ -1,4 +1,3 @@
import { Wrench } from "lucide-react";
import { getTranslations } from "next-intl/server";
import { saveMaintenance } from "@/actions/admin-maintenance";
import { StatusCard } from "@/components/admin/dashboard";
@@ -43,20 +42,6 @@ export default async function AdminMaintenance() {
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Wrench size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
{t.rich("subtitle", { code: (chunks) => <code>{chunks}</code> })}
</p>
</div>
</div>
<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
<StatusCard
label={t("maintenance")}
src/app/admin/media/page.tsx
+1 -13
View File
@@ -1,4 +1,3 @@
import { Image } from "lucide-react";
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { AdminMediaGrid } from "@/components/admin/media-grid";
@@ -15,18 +14,7 @@ export default async function AdminMediaPage() {
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Image size={20} className="text-[var(--admin-accent)]" />
</div>
<div className="flex-1">
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
{t("subtitle")}
</p>
</div>
<div className="flex justify-end mb-6">
<Link
href="/admin/articles"
className="text-sm theme-text-muted dark:theme-text-muted"
src/app/admin/moderation/actions/page.tsx
-6
View File
@@ -9,12 +9,6 @@ export default async function QuickActionsPage() {
return (
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">Quick Actions</h1>
<p className="text-muted-foreground">
Fast moderation tools — kick, mute, alert, broadcast
</p>
</div>
<ModActionsClient />
</div>
);
src/app/admin/moderation/cfh/page.tsx
-5
View File
@@ -74,11 +74,6 @@ export default async function CfhListPage({ searchParams }: PageProps) {
return (
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">CFH Tickets</h1>
<p className="text-muted-foreground">In-game Call For Help reports</p>
</div>
{/* Filters */}
<div className="flex gap-2">
{[
src/app/admin/moderation/page.tsx
-5
View File
@@ -81,11 +81,6 @@ export default async function ModerationDashboard() {
return (
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">Moderation</h1>
<p className="text-muted-foreground">In-game moderation dashboard</p>
</div>
{/* Stats */}
<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
<StatsCard
src/app/admin/moderation/team/page.tsx
-5
View File
@@ -58,11 +58,6 @@ export default async function ModTeamPage() {
return (
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">Mod Team</h1>
<p className="text-muted-foreground">Staff performance and status</p>
</div>
{/* Summary */}
<div className="grid gap-4 grid-cols-3">
<Card>
src/app/admin/navigation/page.tsx
-15
View File
@@ -1,4 +1,3 @@
import { Navigation } from "lucide-react";
import { getTranslations } from "next-intl/server";
import { StatusCard } from "@/components/admin/dashboard";
import { prisma } from "@/lib/prisma";
@@ -116,20 +115,6 @@ export default async function AdminNavigation() {
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Navigation size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-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={t("flatCategories")}
src/app/admin/online/page.tsx
+3 -6
View File
@@ -29,12 +29,9 @@ export default async function OnlineUsersPage({
return (
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">Online Users</h1>
<p className="text-muted-foreground">
Currently online users ({result.total} connected)
</p>
</div>
<p className="text-muted-foreground">
Currently online users ({result.total} connected)
</p>
<OnlineTable
data={{
src/app/admin/permissions/permissions-list.tsx
+4 -10
View File
@@ -100,16 +100,10 @@ export function PermissionsList({ ranks: initialRanks }: Props) {
<div className="space-y-6">
{/* Header */}
<div className="flex items-center justify-between">
<div>
<h1 className="text-3xl font-bold tracking-tight flex items-center gap-2">
<ShieldCheck className="h-7 w-7" />
Permissions
</h1>
<p className="text-muted-foreground">
{ranks.length} ranks &middot; {totalUsers.toLocaleString()} users
total
</p>
</div>
<p className="text-muted-foreground">
{ranks.length} ranks &middot; {totalUsers.toLocaleString()} users
total
</p>
<Button onClick={() => setShowCreate(true)}>
<Plus className="h-4 w-4 mr-1.5" />
New Rank
src/app/admin/photos/page.tsx
-15
View File
@@ -1,4 +1,3 @@
import { Image } from "lucide-react";
import { getTranslations } from "next-intl/server";
import { deletePhoto } from "@/actions/admin-photos";
import { StatusCard } from "@/components/admin/dashboard";
@@ -30,20 +29,6 @@ export default async function AdminPhotos() {
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Image size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-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={t("photosShown")} value={photos.length} icon="📸" />
<StatusCard
src/app/admin/polls/page.tsx
+1 -7
View File
@@ -43,13 +43,7 @@ export default async function PollsPage({
return (
<div className="space-y-6">
<div className="flex items-center justify-between">
<div>
<h1 className="text-3xl font-bold tracking-tight">Polls</h1>
<p className="text-muted-foreground">
Manage community polls and surveys
</p>
</div>
<div className="flex justify-end">
<Button asChild>
<Link href="/admin/polls/create">New Poll</Link>
</Button>
src/app/admin/prefixes/page.tsx
-6
View File
@@ -17,12 +17,6 @@ export default async function PrefixesPage() {
return (
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">Custom Prefixes</h1>
<p className="text-muted-foreground">
Manage user prefixes, blacklist and settings
</p>
</div>
<PrefixesClient canEdit={canEdit} />
</div>
);
src/app/admin/radio/api-keys/page.tsx
-25
View File
@@ -1,5 +1,3 @@
import { Key } from "lucide-react";
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import {
createApiKey,
@@ -71,30 +69,7 @@ export default async function AdminRadioApiKeysPage() {
return (
<main>
<nav className="text-xs theme-text-muted dark:theme-text-muted mb-2">
<Link href="/admin/radio">{t("title")}</Link> ·{" "}
<Link href="/admin/radio/settings">{t("settings")}</Link> ·{" "}
<Link href="/admin/radio/api-keys">{t("apiKeys")}</Link> ·{" "}
<Link href="/admin/radio/autodj">{t("autoDj")}</Link> ·{" "}
<Link href="/admin/radio/embed">{t("embed")}</Link> ·{" "}
<Link href="/admin/radio/points">{t("points")}</Link> ·{" "}
<Link href="/admin/radio/monitoring">{t("monitoring.title")}</Link>
</nav>
<section className="mt-6">
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Key size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("apiKeysForm.title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
{t("apiKeysForm.subtitle")}
</p>
</div>
</div>
{dbError ? (
<div className="admin-card" style={{ marginTop: "1rem" }}>
src/app/admin/radio/autodj/page.tsx
-24
View File
@@ -1,6 +1,3 @@
import { Disc3 } from "lucide-react";
import Image from "next/image";
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import {
createTrack,
@@ -75,29 +72,8 @@ export default async function AdminRadioAutoDjPage() {
return (
<main>
<nav className="text-xs theme-text-muted dark:theme-text-muted mb-2">
<Link href="/admin/radio">{t("title")}</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> ·{" "}
<Link href="/admin/radio/autodj">{t("autoDj")}</Link>
</nav>
<section className="mt-6">
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Disc3 size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("autoDjForm.title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
{t("autoDjForm.subtitle")}
</p>
</div>
</div>
{dbError ? (
<div className="admin-card mb-6">
src/app/admin/radio/banners/page.tsx
-24
View File
@@ -1,6 +1,4 @@
import { Image as LucideImage } from "lucide-react";
import NextImage from "next/image";
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import {
createRadioBanner,
@@ -57,28 +55,6 @@ export default async function AdminRadioBannersPage() {
return (
<main>
<nav className="text-xs theme-text-muted dark:theme-text-muted mb-2">
<Link href="/admin/radio">{t("title")}</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">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<LucideImage size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("banners.heading")}
</h1>
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
{t("banners.description")}
</p>
</div>
</div>
{dbError ? (
<div className="admin-card mb-6">
<p className="text-xs theme-text-muted dark:theme-text-muted m-0">
src/app/admin/radio/embed/page.tsx
-24
View File
@@ -1,4 +1,3 @@
import { Code } from "lucide-react";
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { StatusCard } from "@/components/admin/dashboard";
@@ -41,30 +40,7 @@ export default async function AdminRadioEmbedPage() {
return (
<main>
<nav className="text-xs theme-text-muted dark:theme-text-muted mb-2">
<Link href="/admin/radio">{t("title")}</Link> ·{" "}
<Link href="/admin/radio/settings">{t("settings")}</Link> ·{" "}
<Link href="/admin/radio/embed">{t("embed")}</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>
<section className="mt-6">
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Code size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("embedPage.title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
{t("embedPage.subtitle")}
</p>
</div>
</div>
<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
<StatusCard
label={t("embedPage.streamUrl")}
src/app/admin/radio/history/page.tsx
-24
View File
@@ -1,5 +1,3 @@
import { Clock } from "lucide-react";
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { StatusCard } from "@/components/admin/dashboard";
import { prisma } from "@/lib/prisma";
@@ -76,28 +74,6 @@ export default async function AdminRadioHistoryPage() {
return (
<main>
<nav className="text-xs theme-text-muted dark:theme-text-muted mb-2">
<Link href="/admin/radio">{t("title")}</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">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Clock size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("historyPage.title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
{t("historyPage.subtitle")}
</p>
</div>
</div>
{dbError ? (
<div className="admin-card mb-6">
<p className="text-xs theme-text-muted dark:theme-text-muted m-0">
src/app/admin/radio/moderation/page.tsx
-24
View File
@@ -1,5 +1,3 @@
import { Shield } from "lucide-react";
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { deleteShout } from "@/actions/admin-radio-moderation";
import { StatusCard } from "@/components/admin/dashboard";
@@ -41,28 +39,6 @@ export default async function AdminRadioModerationPage() {
return (
<main>
<nav className="text-xs theme-text-muted dark:theme-text-muted mb-2">
<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">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Shield size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("moderationPage.title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-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
src/app/admin/radio/monitoring/page.tsx
-24
View File
@@ -1,5 +1,3 @@
import { Radio } from "lucide-react";
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { DiagnosticRow, StatusCard } from "@/components/admin/dashboard";
import { siteSettings } from "@/lib/services/site-settings";
@@ -213,30 +211,8 @@ export default async function AdminRadioMonitoringPage() {
return (
<main>
<nav className="text-xs theme-text-muted dark:theme-text-muted mb-2">
<Link href="/admin/radio">{t("title")}</Link> ·{" "}
<Link href="/admin/radio/settings">{t("settings")}</Link> ·{" "}
<Link href="/admin/radio/monitoring">{t("monitoring.title")}</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>
<section className="mt-6">
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Radio size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("monitoring.title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
{t("monitoring.subtitle", { timeout: FETCH_TIMEOUT_MS / 1000 })}
</p>
</div>
</div>
<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
<StatusCard
label={t("monitoring.stream")}
src/app/admin/radio/page.tsx
-14
View File
@@ -1,4 +1,3 @@
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { deleteShout } from "@/actions/admin-radio-moderation";
import { StatusCard } from "@/components/admin/dashboard";
@@ -110,19 +109,6 @@ export default async function AdminRadioPage() {
return (
<main>
<nav className="text-xs theme-text-muted dark:theme-text-muted mb-2">
<Link href="/admin/radio">{t("title")}</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>
<h1>{t("title")}</h1>
<p className="text-xs theme-text-muted dark:theme-text-muted">
{t("subtitle")}
</p>
<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
<StatusCard
label={t("shouts")}
src/app/admin/radio/points/page.tsx
-24
View File
@@ -1,5 +1,3 @@
import { Star } from "lucide-react";
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { savePoints } from "@/actions/admin-radio-points";
import { StatusCard } from "@/components/admin/dashboard";
@@ -63,30 +61,8 @@ export default async function AdminRadioPointsPage({
return (
<main>
<nav className="text-xs theme-text-muted dark:theme-text-muted mb-2">
<Link href="/admin/radio">{t("title")}</Link> ·{" "}
<Link href="/admin/radio/settings">{t("settings")}</Link> ·{" "}
<Link href="/admin/radio/points">{t("points")}</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>
<section className="mt-6">
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Star size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("pointsForm.title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
{t("pointsForm.subtitle")}
</p>
</div>
</div>
{saved === "1" ? (
<p>
<span className="inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full bg-[var(--admin-success-subtle)] text-[var(--admin-text)]">
src/app/admin/radio/ranks/page.tsx
-24
View File
@@ -1,5 +1,3 @@
import { Medal } from "lucide-react";
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import {
createRadioRank,
@@ -45,28 +43,6 @@ export default async function AdminRadioRanksPage() {
return (
<main>
<nav className="text-xs theme-text-muted dark:theme-text-muted mb-2">
<Link href="/admin/radio">{t("title")}</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">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Medal size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("ranksForm.title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
{t("ranksForm.subtitle")}
</p>
</div>
</div>
{dbError ? (
<div className="admin-card mb-6">
<p className="text-xs theme-text-muted dark:theme-text-muted m-0">
src/app/admin/radio/settings/page.tsx
-24
View File
@@ -1,5 +1,3 @@
import { Settings } from "lucide-react";
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import {
saveRadioSetting,
@@ -397,28 +395,6 @@ export default async function AdminRadioSettingsPage() {
return (
<main>
<nav className="text-xs theme-text-muted dark:theme-text-muted mb-2">
<Link href="/admin/radio">{t("title")}</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">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Settings size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("settingsForm.title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
{t("settingsForm.subtitle")}
</p>
</div>
</div>
{dbError ? (
<div className="admin-card mb-6">
<p className="text-xs theme-text-muted dark:theme-text-muted m-0">
src/app/admin/rare-values/page.tsx
-15
View File
@@ -1,4 +1,3 @@
import { Gem } from "lucide-react";
import { getTranslations } from "next-intl/server";
import {
createCategory,
@@ -54,20 +53,6 @@ export default async function AdminRareValues() {
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Gem size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-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={t("categories")}
src/app/admin/rooms/page.tsx
+3 -6
View File
@@ -48,12 +48,9 @@ export default async function RoomsPage({
return (
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">Rooms</h1>
<p className="text-muted-foreground">
{result.total.toLocaleString()} rooms total
</p>
</div>
<p className="text-muted-foreground">
{result.total.toLocaleString()} rooms total
</p>
<RoomsTable
data={{
src/app/admin/shop/page.tsx
+1 -5
View File
@@ -64,15 +64,11 @@ export default async function AdminShop() {
return (
<main>
<div style={{ display: "flex", alignItems: "center", gap: "1rem" }}>
<h1 style={{ flex: 1 }}>{t("title")}</h1>
<div style={{ display: "flex", alignItems: "center", justifyContent: "flex-end", gap: "1rem" }}>
<Link href="/admin/shop/new" className="btn btn-primary">
{t("newPackage")}
</Link>
</div>
<p className="muted" style={{ marginTop: "-0.4rem" }}>
{t("subtitle")} (<code>website_shop_articles</code>). {t("tableHint")}
</p>
<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
<StatusCard label={t("packages")} value={packages.length} icon="🛍️" />
src/app/admin/sounds/page.tsx
+7 -12
View File
@@ -67,18 +67,13 @@ export default async function SoundsPage() {
return (
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">Song Disks</h1>
<p className="text-muted-foreground">
Upload and manage MP3 files for song disks played by in-game
jukeboxes. Files are served from <code>{baseUrl}</code>{" "}
(configurable in{" "}
<a href="/admin/settings" className="underline">
Settings
</a>
).
</p>
</div>
<p className="text-muted-foreground">
Files are served from <code>{baseUrl}</code> (configurable in{" "}
<a href="/admin/settings" className="underline">
Settings
</a>
).
</p>
<SoundsClient
soundtracks={soundtracks}
canEdit={canEdit}
src/app/admin/subscriptions/page.tsx
-15
View File
@@ -1,4 +1,3 @@
import { CreditCard } from "lucide-react";
import { getTranslations } from "next-intl/server";
import { StatusCard } from "@/components/admin/dashboard";
import { prisma } from "@/lib/prisma";
@@ -54,20 +53,6 @@ export default async function AdminSubscriptions() {
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<CreditCard size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-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={t("activeSubs")} value={active.length} icon="⭐" />
<StatusCard label={t("types")} value={types} icon="🏷️" />
src/app/admin/tags/page.tsx
-15
View File
@@ -1,4 +1,3 @@
import { Hash } from "lucide-react";
import { getTranslations } from "next-intl/server";
import { createTag, deleteTag, updateTag } from "@/actions/admin-tags";
import { StatusCard } from "@/components/admin/dashboard";
@@ -53,20 +52,6 @@ export default async function AdminTagsPage() {
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Hash size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
{t("subtitle")}
</p>
</div>
</div>
{dbError ? (
<div className="admin-card" style={{ marginBottom: "1.5rem" }}>
<p className="text-xs theme-text-muted dark:theme-text-muted m-0">
src/app/admin/theme/page.tsx
-14
View File
@@ -372,20 +372,6 @@ export default async function AdminTheme({
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<span className="text-lg">🎨</span>
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
{t.rich("subtitle", { code: (chunks) => <code>{chunks}</code> })}
</p>
</div>
</div>
{sp.saved ? (
<div className="mb-4 p-3 rounded-lg theme-status-success text-xs">
{t("saved")}
src/app/admin/tickets/page.tsx
-5
View File
@@ -90,11 +90,6 @@ export default async function AdminTicketsPage({ searchParams }: PageProps) {
return (
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">Support Tickets</h1>
<p className="text-muted-foreground">Manage user support requests</p>
</div>
{/* Stats */}
<div className="grid gap-4 grid-cols-2 lg:grid-cols-4">
<Card>
src/app/admin/tickets/templates/page.tsx
-6
View File
@@ -15,12 +15,6 @@ export default async function TicketTemplatesPage() {
return (
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">Reply Templates</h1>
<p className="text-muted-foreground">
Pre-defined responses for common ticket situations
</p>
</div>
<TicketTemplatesManager templates={templates} />
</div>
);
src/app/admin/transactions/page.tsx
-15
View File
@@ -1,4 +1,3 @@
import { ArrowLeftRight } from "lucide-react";
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { StatusCard } from "@/components/admin/dashboard";
@@ -97,20 +96,6 @@ export default async function AdminTransactions({
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<ArrowLeftRight size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-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={t("totalTransactions")} value={total} icon="🧾" />
<StatusCard
src/app/admin/translations/client/client-translations.tsx
+2 -6
View File
@@ -1,6 +1,6 @@
"use client";
import { Download, Gamepad2, Info, Lock, Save } from "lucide-react";
import { Download, Info, Lock, Save } from "lucide-react";
import { usePathname, useRouter, useSearchParams } from "next/navigation";
import { useEffect, useMemo, useState } from "react";
import { toast } from "sonner";
@@ -100,11 +100,7 @@ export function ClientTranslations({
return (
<div className="space-y-4">
<div className="flex items-center justify-between flex-wrap gap-2">
<h1 className="text-2xl font-bold flex items-center gap-2">
<Gamepad2 className="w-6 h-6" />
Client (Nitro)
</h1>
<div className="flex justify-end flex-wrap gap-2">
<div className="flex gap-2">
<Button variant="outline" size="sm" onClick={handleExport}>
<Download className="w-4 h-4 mr-1" /> Export
src/app/admin/translations/emulator/page.tsx
+2 -9
View File
@@ -1,4 +1,4 @@
import { ExternalLink, Server } from "lucide-react";
import { ExternalLink } from "lucide-react";
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { EmulatorSettingsForm } from "@/components/admin/emulator-settings-form";
@@ -74,14 +74,7 @@ export default async function EmulatorTranslationsPage({
return (
<div className="space-y-4">
<div className="flex items-start justify-between flex-wrap gap-2">
<div>
<h1 className="text-2xl font-bold flex items-center gap-2">
<Server className="w-6 h-6" />
{t("title")}
</h1>
<p className="text-sm text-muted-foreground">{t("subtitle")}</p>
</div>
<div className="flex justify-end">
<Button asChild variant="outline" size="sm">
<Link href="/admin/emulator">
<ExternalLink className="w-4 h-4 mr-1" />
src/app/admin/translations/translations-client.tsx
+2 -6
View File
@@ -1,6 +1,6 @@
"use client";
import { Download, Globe, Save } from "lucide-react";
import { Download, Save } from "lucide-react";
import { useMemo, useState } from "react";
import { saveTranslations } from "@/actions/translations";
import { Button } from "@/components/ui/button";
@@ -138,11 +138,7 @@ export function TranslationsClient({ localeContents }: Props) {
return (
<div className="space-y-6">
<div className="flex items-center justify-between">
<h1 className="text-2xl font-bold flex items-center gap-2">
<Globe className="w-6 h-6" />
CMS
</h1>
<div className="flex justify-end">
<div className="flex gap-2">
<Button variant="outline" size="sm" onClick={handleExport}>
<Download className="w-4 h-4 mr-1" /> Export
src/app/admin/users/multi-accounts/page.tsx
-10
View File
@@ -28,16 +28,6 @@ export default async function MultiAccountsPage({
return (
<div className="space-y-6">
<div>
<h1 className="text-3xl font-bold tracking-tight">
Multi-account detector
</h1>
<p className="text-muted-foreground">
Clusters of users sharing a registration IP, current IP, or machine
ID. Detection is passive — no AI, just a GROUP BY with index support.
</p>
</div>
<form className="flex flex-wrap items-end gap-3" action="">
<label className="text-sm">
<span className="block text-muted-foreground">
src/app/admin/users/page.tsx
+3 -6
View File
@@ -49,12 +49,9 @@ export default async function UsersPage({
return (
<div className="space-y-6">
<div className="flex items-center justify-between">
<div>
<h1 className="text-3xl font-bold tracking-tight">Users</h1>
<p className="text-muted-foreground">
{result.total.toLocaleString()} users total
</p>
</div>
<p className="text-muted-foreground">
{result.total.toLocaleString()} users total
</p>
{canEdit && <CreateUserDialog sessionRank={result.rank} />}
</div>
src/app/admin/vouchers/page.tsx
-15
View File
@@ -1,4 +1,3 @@
import { Gift } from "lucide-react";
import { getTranslations } from "next-intl/server";
import { createVoucher, deleteVoucher } from "@/actions/admin-vouchers";
import { StatusCard } from "@/components/admin/dashboard";
@@ -65,20 +64,6 @@ export default async function AdminVouchers() {
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Gift size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-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={t("vouchers")} value={vouchers.length} icon="🎟️" />
<StatusCard
src/app/admin/vpn/page.tsx
-17
View File
@@ -1,4 +1,3 @@
import { ShieldBan } from "lucide-react";
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { saveVpn } from "@/actions/admin-vpn";
@@ -41,22 +40,6 @@ export default async function AdminVpn({
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<ShieldBan size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
{t.rich("subtitle", {
ipLink: (chunks) => <Link href="/admin/ip">{chunks}</Link>,
})}
</p>
</div>
</div>
<section className="mt-6">
{sp.saved ? (
<p className="inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full bg-[var(--admin-success-subtle)] text-[var(--admin-text)]">
src/app/admin/wordfilter/page.tsx
-15
View File
@@ -1,4 +1,3 @@
import { Filter } from "lucide-react";
import { redirect } from "next/navigation";
import { getTranslations } from "next-intl/server";
import { addWord, deleteWord } from "@/actions/admin-wordfilter";
@@ -31,20 +30,6 @@ export default async function AdminWordFilter() {
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Filter size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-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={t("filteredWords")} value={words.length} icon="🚫" />
</div>
src/app/admin/writeable-boxes/page.tsx
-15
View File
@@ -1,4 +1,3 @@
import { Layout } from "lucide-react";
import { getTranslations } from "next-intl/server";
import {
createBox,
@@ -33,20 +32,6 @@ export default async function AdminWriteableBoxes() {
return (
<main>
<div className="flex items-center gap-3 mb-6">
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--admin-accent)]/20 to-[var(--admin-accent)]/5 grid place-items-center">
<Layout size={20} className="text-[var(--admin-accent)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--admin-text)]">
{t("title")}
</h1>
<p className="m-0 text-xs text-[var(--admin-text-muted)] mt-0.5">
{t("subtitle")}
</p>
</div>
</div>
<section className="mt-6">
<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
<StatusCard label={t("totalBoxes")} value={boxes.length} icon="🗂️" />