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,107 @@
+import Link from "next/link";
+import { prisma } from "@/lib/prisma";
+import { BackLink } from "@/components/back-link";
+import { formatDate } from "@/lib/format";
+import { createHarvestAction } from "../actions";
+import { getLocale } from "@/i18n/locale";
+import { getDictionary } from "@/i18n/get-dictionary";
+
+export default async function AdminHarvestsPage() {
+  const t = getDictionary(await getLocale());
+  const harvests = await prisma.harvest.findMany({
+    orderBy: [{ year: "desc" }, { harvestDate: "desc" }],
+    include: { _count: { select: { batches: true, products: true } } },
+  });
+
+  return (
+    <div>
+      <BackLink href="/admin" label={t.adminHarvestsPage.backToDashboard} />
+      <h1 className="text-2xl text-forest mb-8">{t.adminHarvestsPage.title}</h1>
+      <div className="overflow-x-auto bg-background border border-ink/10">
+        <table className="w-full text-sm">
+          <thead className="text-left text-ink/65 border-b border-ink/10">
+            <tr>
+              <th className="p-4">{t.adminHarvestsPage.colType}</th>
+              <th className="p-4">{t.adminHarvestsPage.colYear}</th>
+              <th className="p-4">{t.adminHarvestsPage.colHarvestDate}</th>
+              <th className="p-4">{t.adminHarvestsPage.colLocation}</th>
+              <th className="p-4">{t.adminHarvestsPage.colBatches}</th>
+              <th className="p-4">{t.adminHarvestsPage.colProducts}</th>
+              <th className="p-4" />
+            </tr>
+          </thead>
+          <tbody className="divide-y divide-ink/10">
+            {harvests.map((harvest) => (
+              <tr key={harvest.id} className="transition-colors hover:bg-ink/[0.03]">
+                <td className="p-4 text-forest">{harvest.type}</td>
+                <td className="p-4">{harvest.year}</td>
+                <td className="p-4">{formatDate(harvest.harvestDate)}</td>
+                <td className="p-4">{harvest.location}</td>
+                <td className="p-4">{harvest._count.batches}</td>
+                <td className="p-4">{harvest._count.products}</td>
+                <td className="p-4">
+                  <Link href={`/admin/ernten/${harvest.id}`} className="text-forest underline">
+                    {t.adminHarvestsPage.edit}
+                  </Link>
+                </td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+        {harvests.length === 0 ? <p className="p-6 text-ink/65">{t.adminHarvestsPage.noHarvestsYet}</p> : null}
+      </div>
+
+      <div className="mt-10 bg-background border border-ink/10 p-6 max-w-xl">
+        <h2 className="text-lg text-forest mb-4">{t.adminHarvestsPage.newHarvestHeading}</h2>
+        <form action={createHarvestAction} className="space-y-4">
+          <div className="grid grid-cols-2 gap-4">
+            <Field name="type" label={t.adminHarvestsPage.typeLabel} required />
+            <Field name="year" label={t.adminHarvestsPage.yearLabel} type="number" required />
+          </div>
+          <Field name="harvestDate" label={t.adminHarvestsPage.harvestDateLabel} type="date" required />
+          <Field name="location" label={t.adminHarvestsPage.locationLabel} defaultValue="Altenmünster" />
+          <TextArea name="description" label={t.adminHarvestsPage.descriptionLabel} required />
+          <button type="submit" className="bg-forest text-cream px-6 py-2 text-sm">
+            {t.adminHarvestsPage.create}
+          </button>
+        </form>
+      </div>
+    </div>
+  );
+}
+
+function Field({
+  name,
+  label,
+  type = "text",
+  defaultValue,
+  required = false,
+}: {
+  name: string;
+  label: string;
+  type?: string;
+  defaultValue?: string;
+  required?: boolean;
+}) {
+  return (
+    <label className="block text-sm">
+      <span className="text-ink/70">{label}</span>
+      <input
+        name={name}
+        type={type}
+        defaultValue={defaultValue}
+        required={required}
+        className="mt-1 w-full border border-ink/20 bg-background px-3 py-2"
+      />
+    </label>
+  );
+}
+
+function TextArea({ name, label, required = false }: { name: string; label: string; required?: boolean }) {
+  return (
+    <label className="block text-sm">
+      <span className="text-ink/70">{label}</span>
+      <textarea name={name} required={required} rows={3} className="mt-1 w-full border border-ink/20 bg-background px-3 py-2" />
+    </label>
+  );
+}