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,52 @@
+import type { Metadata } from "next";
+import { redirect } from "next/navigation";
+import { Container, SectionHeading, Button } from "@/components/ui";
+import { BackLink } from "@/components/back-link";
+import { getTwoFactorChallengeCustomerId } from "@/lib/auth";
+import { verifyTwoFactorAction } from "../actions";
+import { getLocale } from "@/i18n/locale";
+import { getDictionary } from "@/i18n/get-dictionary";
+
+export const metadata: Metadata = { title: "Anmeldung bestätigen" };
+export const dynamic = "force-dynamic";
+
+export default async function ZweiFaktorCodePage(props: PageProps<"/konto/zwei-faktor-code">) {
+  const t = getDictionary(await getLocale());
+  const { error } = await props.searchParams;
+
+  const customerId = await getTwoFactorChallengeCustomerId();
+  if (!customerId) redirect("/konto");
+
+  return (
+    <div className="py-20">
+      <Container className="max-w-md">
+        <BackLink href="/konto" label={t.twoFactorCodePage.cancelLabel} />
+        <SectionHeading
+          eyebrow={t.twoFactorCodePage.eyebrow}
+          title={t.twoFactorCodePage.title}
+          subtitle={t.twoFactorCodePage.subtitle}
+        />
+
+        {error ? (
+          <p className="mt-6 text-sm text-red-700 bg-red-50 border border-red-200 px-4 py-3">{error}</p>
+        ) : null}
+
+        <form action={verifyTwoFactorAction} className="mt-6 space-y-4">
+          <label className="block text-sm">
+            <span className="text-ink/70">{t.twoFactorCodePage.codeLabel}</span>
+            <input
+              name="code"
+              type="text"
+              inputMode="numeric"
+              autoComplete="one-time-code"
+              autoFocus
+              required
+              className="mt-1 w-full border border-ink/20 bg-background px-4 py-3 tracking-widest focus:outline-none focus:border-forest"
+            />
+          </label>
+          <Button type="submit">{t.twoFactorCodePage.confirm}</Button>
+        </form>
+      </Container>
+    </div>
+  );
+}