Arnaud
4ae0bd580e
Admin > Ingredients lets admins add/edit/delete canonical ingredients and their aliases (e.g. "sel"/"sel fin"/"table salt") without touching code — previously only settable by hand in packages/db/src/seed.ts. Deleting just unlinks referencing pantry items/recipe ingredients (onDelete: set null), nothing else changes. Fixed: deleting a shopping list, recipe, or collection from its own detail page used router.push to navigate away, leaving the deleted resource's URL in browser history — one back-button press landed on a real "Page not found" screen. All three now use router.replace so the dead URL never sits in history. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
80 lines
4.0 KiB
TypeScript
80 lines
4.0 KiB
TypeScript
import Link from "next/link";
|
|
import { Shield, Users, BookOpen, Settings, BarChart3, ClipboardList, HardDrive, Bot, ArrowLeft, Gauge, Mail, Flag, History, LifeBuoy, TrendingUp, Webhook, CreditCard, Tag } from "lucide-react";
|
|
import { cn } from "@/lib/utils";
|
|
import { getStaffRole } from "@/lib/require-admin-page";
|
|
import { redirect } from "next/navigation";
|
|
|
|
// adminOnly items are hidden from moderators (and, redundantly but safely,
|
|
// each of those pages also redirects moderators away server-side via
|
|
// requireFullAdminPage — the nav filter here is UX, not the real gate).
|
|
const adminNav = [
|
|
{ href: "/admin", label: "Overview", icon: BarChart3, adminOnly: true },
|
|
{ href: "/admin/insights", label: "Insights", icon: TrendingUp, adminOnly: true },
|
|
{ href: "/admin/users", label: "Users", icon: Users, adminOnly: true },
|
|
{ href: "/admin/invites", label: "Invites", icon: Mail, adminOnly: true },
|
|
{ href: "/admin/recipes", label: "Recipes", icon: BookOpen, adminOnly: false },
|
|
{ href: "/admin/reports", label: "Reports", icon: Flag, adminOnly: false },
|
|
{ href: "/admin/support", label: "Support", icon: LifeBuoy, adminOnly: true },
|
|
{ href: "/admin/tiers", label: "Tier Limits", icon: Gauge, adminOnly: true },
|
|
{ href: "/admin/ingredients", label: "Ingredients", icon: Tag, adminOnly: true },
|
|
{ href: "/admin/billing", label: "Billing", icon: CreditCard, adminOnly: true },
|
|
{ href: "/admin/webhooks", label: "Webhooks", icon: Webhook, adminOnly: true },
|
|
{ href: "/admin/audit-logs", label: "Audit Logs", icon: ClipboardList, adminOnly: true },
|
|
{ href: "/admin/storage", label: "Storage", icon: HardDrive, adminOnly: true },
|
|
{ href: "/admin/ai-config", label: "AI Config", icon: Bot, adminOnly: true },
|
|
{ href: "/admin/settings", label: "Settings", icon: Settings, adminOnly: true },
|
|
{ href: "/admin/changelog", label: "Changelog", icon: History, adminOnly: true },
|
|
];
|
|
|
|
export default async function AdminLayout({ children }: { children: React.ReactNode }) {
|
|
const role = await getStaffRole();
|
|
if (!role) redirect("/recipes");
|
|
|
|
const visibleNav = role === "admin" ? adminNav : adminNav.filter((item) => !item.adminOnly);
|
|
|
|
return (
|
|
<div className="flex flex-col md:flex-row min-h-screen">
|
|
<aside className="w-full md:w-56 md:shrink-0 border-b md:border-b-0 md:border-r bg-muted/30 flex flex-col md:sticky md:top-0 md:h-screen">
|
|
<div className="flex items-center justify-between gap-2 p-4 border-b font-semibold">
|
|
<span className="flex items-center gap-2">
|
|
<Shield className="h-4 w-4 text-destructive" />
|
|
{role === "admin" ? "Admin" : "Moderator"}
|
|
</span>
|
|
<Link
|
|
href="/recipes"
|
|
className="md:hidden flex items-center gap-1 text-xs font-normal text-muted-foreground hover:text-foreground"
|
|
>
|
|
<ArrowLeft className="h-3.5 w-3.5" />
|
|
Back to app
|
|
</Link>
|
|
</div>
|
|
<nav className="flex overflow-x-auto gap-1 p-2 md:flex-col md:overflow-visible md:flex-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden">
|
|
{visibleNav.map(({ href, label, icon: Icon }) => (
|
|
<Link
|
|
key={href}
|
|
href={href}
|
|
className={cn(
|
|
"flex items-center gap-2 rounded-md px-3 py-2 text-sm whitespace-nowrap shrink-0 md:shrink transition-colors",
|
|
"hover:bg-accent hover:text-accent-foreground"
|
|
)}
|
|
>
|
|
<Icon className="h-4 w-4" />
|
|
{label}
|
|
</Link>
|
|
))}
|
|
</nav>
|
|
<div className="p-2 border-t hidden md:block">
|
|
<Link
|
|
href="/recipes"
|
|
className="flex items-center gap-2 rounded-md px-3 py-2 text-sm text-muted-foreground hover:text-foreground hover:bg-accent transition-colors"
|
|
>
|
|
<ArrowLeft className="h-4 w-4" />
|
|
Back to app
|
|
</Link>
|
|
</div>
|
|
</aside>
|
|
<main className="flex-1 p-4 md:p-8 overflow-auto min-w-0">{children}</main>
|
|
</div>
|
|
);
|
|
}
|