Files
EpicNext-Cms/src/lib/admin-nav.ts
T
simoleo89andCursor d2c0619f2f Clean up admin hub UX: tabs, chrome, and redundant headers.
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]>
2026-07-17 18:01:01 +02:00

460 lines
11 KiB
TypeScript

import type { LucideIcon } from "lucide-react";
import {
Ban,
Calendar,
Cog,
Compass,
Gavel,
LayoutDashboard,
Monitor,
Newspaper,
Radio,
Settings,
Shield,
ShoppingCart,
Store,
Users,
Wrench,
} from "lucide-react";
export interface AdminHubTab {
href: string;
label: string;
match?: string[];
/** Optional group id for multi-row tab strips (e.g. Radio primary/tools). */
group?: string;
}
export interface AdminHubDefinition {
id: string;
title: string;
subtitle: string;
icon: LucideIcon;
/** Path prefixes belonging to this hub (for chrome + sidebar active). */
prefixes: string[];
tabs: AdminHubTab[];
}
export interface AdminNavItem {
href: string;
labelKey: string;
icon: LucideIcon;
/** When set, sidebar item is active if pathname matches any prefix. */
matchPrefixes?: string[];
}
export interface AdminNavGroup {
labelKey: string;
icon: LucideIcon;
items: AdminNavItem[];
}
export const ADMIN_HUBS: AdminHubDefinition[] = [
{
id: "news-media",
title: "News & media",
subtitle: "Articles, photos, banners, ads and media library",
icon: Newspaper,
prefixes: [
"/admin/articles",
"/admin/photos",
"/admin/banners",
"/admin/ads",
"/admin/media",
],
tabs: [
{
href: "/admin/articles",
label: "Articles",
match: ["/admin/articles"],
},
{ href: "/admin/photos", label: "Photos" },
{ href: "/admin/banners", label: "Banners" },
{ href: "/admin/ads", label: "Ads", match: ["/admin/ads"] },
{ href: "/admin/media", label: "Media" },
],
},
{
id: "site-content",
title: "Site content",
subtitle: "Navigation, help center, boxes, tags and prefixes",
icon: Compass,
prefixes: [
"/admin/navigation",
"/admin/help-questions",
"/admin/writeable-boxes",
"/admin/tags",
"/admin/prefixes",
],
tabs: [
{ href: "/admin/navigation", label: "Navigator" },
{
href: "/admin/help-questions",
label: "Help",
match: ["/admin/help-questions"],
},
{ href: "/admin/writeable-boxes", label: "Boxes" },
{ href: "/admin/tags", label: "Tags" },
{ href: "/admin/prefixes", label: "Prefixes" },
],
},
{
id: "engagement",
title: "Engagement",
subtitle: "Events, polls and support tickets",
icon: Calendar,
prefixes: ["/admin/events", "/admin/polls", "/admin/tickets"],
tabs: [
{ href: "/admin/events", label: "Events", match: ["/admin/events"] },
{ href: "/admin/events/types", label: "Event types" },
{ href: "/admin/polls", label: "Polls", match: ["/admin/polls"] },
{
href: "/admin/tickets",
label: "Tickets",
match: ["/admin/tickets"],
},
{ href: "/admin/tickets/templates", label: "Templates" },
],
},
{
id: "users",
title: "Users",
subtitle: "Directory, online players, applications and teams",
icon: Users,
prefixes: [
"/admin/users",
"/admin/online",
"/admin/applications",
"/admin/teams",
],
tabs: [
{
href: "/admin/users",
label: "Directory",
match: ["/admin/users"],
},
{ href: "/admin/users/multi-accounts", label: "Multi-accounts" },
{ href: "/admin/online", label: "Online" },
{ href: "/admin/applications", label: "Applications" },
{ href: "/admin/teams", label: "Teams" },
],
},
{
id: "access",
title: "Access & security",
subtitle: "Bans, IP, VPN, permissions and word filter",
icon: Shield,
prefixes: [
"/admin/bans",
"/admin/ip",
"/admin/vpn",
"/admin/permissions",
"/admin/wordfilter",
],
tabs: [
{ href: "/admin/bans", label: "Bans" },
{ href: "/admin/ip", label: "IP" },
{ href: "/admin/vpn", label: "VPN" },
{
href: "/admin/permissions",
label: "Permissions",
match: ["/admin/permissions"],
},
{ href: "/admin/wordfilter", label: "Word filter" },
],
},
{
id: "moderation",
title: "Moderation",
subtitle: "Reports, actions and moderation team",
icon: Gavel,
prefixes: ["/admin/moderation"],
tabs: [
{ href: "/admin/moderation", label: "Overview" },
{ href: "/admin/moderation/actions", label: "Actions" },
{
href: "/admin/moderation/cfh",
label: "CFH",
match: ["/admin/moderation/cfh"],
},
{ href: "/admin/moderation/team", label: "Team" },
],
},
{
id: "catalog",
title: "Catalog & rares",
subtitle: "Catalog, rares, badges, achievements and sounds",
icon: Store,
prefixes: [
"/admin/catalog",
"/admin/rare-values",
"/admin/badges",
"/admin/achievements",
"/admin/sounds",
],
tabs: [
{ href: "/admin/catalog", label: "Catalog", match: ["/admin/catalog"] },
{ href: "/admin/rare-values", label: "Rares" },
{ href: "/admin/badges", label: "Badges" },
{ href: "/admin/achievements", label: "Achievements" },
{ href: "/admin/sounds", label: "Sounds" },
],
},
{
id: "shop",
title: "Shop & payments",
subtitle: "Shop, transactions, vouchers, subscriptions and calendar",
icon: ShoppingCart,
prefixes: [
"/admin/shop",
"/admin/transactions",
"/admin/vouchers",
"/admin/subscriptions",
"/admin/calendar",
],
tabs: [
{ href: "/admin/shop", label: "Shop" },
{ href: "/admin/transactions", label: "Transactions" },
{ href: "/admin/vouchers", label: "Vouchers" },
{ href: "/admin/subscriptions", label: "Subscriptions" },
{
href: "/admin/calendar",
label: "Calendar",
match: ["/admin/calendar"],
},
],
},
{
id: "radio",
title: "Radio",
subtitle: "Stream, DJ tools, embed and monitoring",
icon: Radio,
prefixes: ["/admin/radio"],
tabs: [
{ href: "/admin/radio", label: "Overview", group: "primary" },
{ href: "/admin/radio/history", label: "History", group: "primary" },
{
href: "/admin/radio/moderation",
label: "Moderation",
group: "primary",
},
{
href: "/admin/radio/monitoring",
label: "Monitoring",
group: "primary",
},
{ href: "/admin/radio/settings", label: "Settings", group: "primary" },
{ href: "/admin/radio/banners", label: "Banners", group: "tools" },
{ href: "/admin/radio/embed", label: "Embed", group: "tools" },
{ href: "/admin/radio/api-keys", label: "API keys", group: "tools" },
{ href: "/admin/radio/points", label: "Points", group: "tools" },
{ href: "/admin/radio/ranks", label: "Ranks", group: "tools" },
{ href: "/admin/radio/autodj", label: "Auto DJ", group: "tools" },
],
},
{
id: "settings",
title: "Settings",
subtitle: "CMS config, theme, maintenance and related tools",
icon: Cog,
prefixes: [
"/admin/settings",
"/admin/theme",
"/admin/maintenance",
"/admin/favicon",
"/admin/emulator",
"/admin/email-templates",
"/admin/housekeeping",
],
tabs: [
{ href: "/admin/settings", label: "CMS" },
{ href: "/admin/theme", label: "Theme" },
{ href: "/admin/maintenance", label: "Maintenance" },
{ href: "/admin/favicon", label: "Favicon" },
{ href: "/admin/emulator", label: "Emulator" },
{ href: "/admin/email-templates", label: "Email" },
{ href: "/admin/housekeeping", label: "Housekeeping" },
],
},
{
id: "tools",
title: "Tools",
subtitle: "RCON, rooms, import and translations",
icon: Wrench,
prefixes: [
"/admin/commandocentrum",
"/admin/rooms",
"/admin/import",
"/admin/translations",
],
tabs: [
{ href: "/admin/commandocentrum", label: "Commando" },
{ href: "/admin/rooms", label: "Rooms", match: ["/admin/rooms"] },
{ href: "/admin/import", label: "Import", match: ["/admin/import"] },
{
href: "/admin/translations",
label: "Translations",
match: ["/admin/translations"],
},
],
},
{
id: "observability",
title: "Observability",
subtitle: "Logs, analytics, DevOps and hotel alerts",
icon: Monitor,
prefixes: [
"/admin/logs",
"/admin/analytics",
"/admin/devops",
"/admin/alerts",
],
tabs: [
{ href: "/admin/logs", label: "Logs" },
{ href: "/admin/logs/audit", label: "Audit" },
{ href: "/admin/logs/chat", label: "Chat" },
{ href: "/admin/logs/commands", label: "Commands" },
{ href: "/admin/logs/trades", label: "Trades" },
{
href: "/admin/analytics",
label: "Analytics",
match: ["/admin/analytics"],
},
{ href: "/admin/analytics/activity", label: "Activity" },
{ href: "/admin/analytics/economy", label: "Economy" },
{ href: "/admin/devops", label: "DevOps", match: ["/admin/devops"] },
{ href: "/admin/devops/errors", label: "Errors" },
{ href: "/admin/alerts", label: "Alerts" },
],
},
];
export function findAdminHub(pathname: string): AdminHubDefinition | null {
return (
ADMIN_HUBS.find((hub) =>
hub.prefixes.some((p) => pathname === p || pathname.startsWith(`${p}/`)),
) ?? null
);
}
function hubPrefixes(id: string): string[] {
return ADMIN_HUBS.find((h) => h.id === id)?.prefixes ?? [];
}
/** Condensed sidebar — one entry per hub (plus dashboard). */
export const ADMIN_NAV_GROUPS: AdminNavGroup[] = [
{
labelKey: "overview",
icon: LayoutDashboard,
items: [
{
href: "/admin",
labelKey: "dashboard",
icon: LayoutDashboard,
},
],
},
{
labelKey: "content",
icon: Newspaper,
items: [
{
href: "/admin/articles",
labelKey: "hubNewsMedia",
icon: Newspaper,
matchPrefixes: hubPrefixes("news-media"),
},
{
href: "/admin/navigation",
labelKey: "hubSiteContent",
icon: Compass,
matchPrefixes: hubPrefixes("site-content"),
},
{
href: "/admin/events",
labelKey: "hubEngagement",
icon: Calendar,
matchPrefixes: hubPrefixes("engagement"),
},
],
},
{
labelKey: "usersAndAccess",
icon: Shield,
items: [
{
href: "/admin/users",
labelKey: "hubUsers",
icon: Users,
matchPrefixes: hubPrefixes("users"),
},
{
href: "/admin/bans",
labelKey: "hubAccess",
icon: Ban,
matchPrefixes: hubPrefixes("access"),
},
{
href: "/admin/moderation",
labelKey: "moderation",
icon: Gavel,
matchPrefixes: hubPrefixes("moderation"),
},
],
},
{
labelKey: "economy",
icon: ShoppingCart,
items: [
{
href: "/admin/catalog",
labelKey: "hubCatalog",
icon: Store,
matchPrefixes: hubPrefixes("catalog"),
},
{
href: "/admin/shop",
labelKey: "hubShop",
icon: ShoppingCart,
matchPrefixes: hubPrefixes("shop"),
},
],
},
{
labelKey: "radio",
icon: Radio,
items: [
{
href: "/admin/radio",
labelKey: "radio",
icon: Radio,
matchPrefixes: ["/admin/radio"],
},
],
},
{
labelKey: "system",
icon: Settings,
items: [
{
href: "/admin/settings",
labelKey: "settings",
icon: Cog,
matchPrefixes: hubPrefixes("settings"),
},
{
href: "/admin/commandocentrum",
labelKey: "hubTools",
icon: Wrench,
matchPrefixes: hubPrefixes("tools"),
},
{
href: "/admin/logs",
labelKey: "hubObservability",
icon: Monitor,
matchPrefixes: hubPrefixes("observability"),
},
],
},
];