feat: Wabenhain Honig-Shop Anwendung

Vollstaendige Next.js/Prisma-E-Commerce-Anwendung fuer eine Imkerei: Shop, Warenkorb, Stripe-Checkout, Kundenkonto mit 2FA, Admin-Bereich (Produkte, Ernten, Chargen, Bestellungen, Gutscheine, admin-editierbare Website-Inhalte), i18n (DE/EN), Rate-Limiting/CSP/Audit-Log-Haertung, PostgreSQL- und MySQL-Unterstuetzung ueber austauschbare Prisma- Treiber-Adapter, Unit-/Komponenten-/E2E-Tests.
2026-08-17 14:30:28 +02:00
1 parent 5c76fcc266
commit c7927f2883
@@ -0,0 +1,68 @@
+import { BackLink } from "@/components/back-link";
+import { createCustomerAction } from "../../actions";
+import { getLocale } from "@/i18n/locale";
+import { getDictionary } from "@/i18n/get-dictionary";
+
+export default async function AdminBenutzerNewPage(props: PageProps<"/admin/benutzer/neu">) {
+  const t = getDictionary(await getLocale());
+  const { error } = await props.searchParams;
+
+  return (
+    <div className="max-w-xl">
+      <BackLink href="/admin/benutzer" label={t.adminUserNewPage.backToUsers} />
+      <h1 className="text-2xl text-forest mb-2">{t.adminUserNewPage.title}</h1>
+      <p className="text-sm text-ink/70 mb-8">{t.adminUserNewPage.intro}</p>
+
+      {error ? (
+        <p className="mb-6 text-sm text-red-700 bg-red-50 border border-red-200 px-4 py-3">{error}</p>
+      ) : null}
+
+      <form action={createCustomerAction} className="space-y-4 bg-background border border-ink/10 p-6">
+        <div className="grid grid-cols-2 gap-4">
+          <Field name="firstName" label={t.adminUserNewPage.firstNameLabel} required />
+          <Field name="lastName" label={t.adminUserNewPage.lastNameLabel} required />
+        </div>
+        <Field name="email" label={t.adminUserNewPage.emailLabel} type="email" required />
+        <label className="block text-sm">
+          <span className="text-ink/70">{t.adminUserNewPage.roleLabel}</span>
+          <select
+            name="role"
+            defaultValue="KUNDE"
+            className="mt-1 w-full border border-ink/20 bg-background px-3 py-2"
+          >
+            <option value="KUNDE">{t.adminUserNewPage.roleCustomer}</option>
+            <option value="ADMIN">{t.adminUserNewPage.roleAdmin}</option>
+          </select>
+        </label>
+
+        <button type="submit" className="bg-forest text-cream px-6 py-2 text-sm">
+          {t.adminUserNewPage.createAndSend}
+        </button>
+      </form>
+    </div>
+  );
+}
+
+function Field({
+  name,
+  label,
+  type = "text",
+  required = false,
+}: {
+  name: string;
+  label: string;
+  type?: string;
+  required?: boolean;
+}) {
+  return (
+    <label className="block text-sm">
+      <span className="text-ink/70">{label}</span>
+      <input
+        name={name}
+        type={type}
+        required={required}
+        className="mt-1 w-full border border-ink/20 bg-background px-3 py-2"
+      />
+    </label>
+  );
+}