Implement portfolio admin management

2026-03-07 16:06:20 +01:00
parent f983ce2203
commit ea64373853
35 changed files with 5126 additions and 178 deletions
@@ -0,0 +1,79 @@
+import { redirect } from "next/navigation";
+
+import { PortfolioProjectForm } from "@/components/root/portfolio-project-form";
+import { PortfolioSubnav } from "@/components/root/portfolio-subnav";
+import { RootDashboardShell } from "@/components/root/root-dashboard-shell";
+import { clearAdminSessionCookie, isAdminAuthenticated } from "@/lib/admin-auth";
+import { getMediaOptions } from "@/lib/media";
+import { getActivePortfolioCategories } from "@/lib/portfolio";
+
+import { saveProjectAction } from "../../actions";
+
+export const dynamic = "force-dynamic";
+
+const copy = {
+  title: "Neues Portfolio Projekt",
+  subtitle: "Projekt mit Kategorie, Sections und Assets anlegen.",
+  overview: "Uebersicht",
+  maintenance: "Wartungsmodus",
+  uiKit: "UI Kit",
+  media: "Media",
+  portfolio: "Portfolio",
+  logout: "Ausloggen",
+  backToSite: "Zur Website",
+};
+
+type RootNewPortfolioProjectPageProps = {
+  searchParams?: {
+    error?: string;
+  };
+};
+
+export default async function RootNewPortfolioProjectPage({
+  searchParams,
+}: RootNewPortfolioProjectPageProps) {
+  if (!isAdminAuthenticated()) {
+    redirect("/root");
+  }
+
+  async function logoutAction() {
+    "use server";
+
+    clearAdminSessionCookie();
+    redirect("/root");
+  }
+
+  const [categories, mediaOptions] = await Promise.all([
+    getActivePortfolioCategories(),
+    getMediaOptions(),
+  ]);
+
+  return (
+    <RootDashboardShell
+      copy={copy}
+      active="portfolio"
+      portfolioChild="new-project"
+      logoutAction={logoutAction}
+      headerTitle={copy.title}
+      headerDescription={copy.subtitle}
+    >
+      <div className="space-y-6">
+        <PortfolioSubnav active="projects" />
+
+        {searchParams?.error ? (
+          <p className="rounded-nested border border-destructive/30 bg-destructive/10 px-4 py-3 text-sm text-destructive">
+            {searchParams.error}
+          </p>
+        ) : null}
+
+        <PortfolioProjectForm
+          action={saveProjectAction}
+          categories={categories}
+          mediaOptions={mediaOptions}
+          redirectPath="/root/portfolio/projects/new"
+          submitLabel="Create Project"
+        />
+      </div>
+    </RootDashboardShell>
+  );
+}