Nick SzaunigandClaude Opus 5.5
839bbff595
Viele Aktionen gaben keine Rueckmeldung (Retoure annehmen, Archiv, Bewertungen, Adressen, Newsletter, Kundensperre ...) oder meldeten Erfolg, obwohl die zugehoerige E-Mail nie rausging. - lib/flash: Meldung als kurzlebiges Cookie; Toast im Root-Layout (FlashToast). Ersetzt ?message=/?error= in der URL — darueber liess sich bisher beliebiger Text als Systemmeldung im Wabenhain-Layout anzeigen (Phishing-Hebel). Server Components leiten ueber /api/hinweis mit festen Codes und festen Zielen weiter. - fail()/succeed() zentral und asynchron; ein Quelltext-Test stellt sicher, dass jeder Aufruf mit await/return erfolgt (sonst liefe eine Action nach einem Fehler weiter). - sendMail meldet, ob die Mail angenommen wurde; Aktionen mit Mail zeigen ehrlich an, wenn der Versand scheitert (z.B. "Link erneut senden"). - Jede Server Action meldet jetzt Erfolg oder den Grund des Abbruchs. - SubmitFeedback: geklickter Knopf zeigt sofort einen Ladezustand und ist bis zur Antwort gegen Doppelklick gesperrt. - 2FA: nach dem Einrichten zurueck ins Profil statt auf die Seite mit "Deaktivieren". Co-Authored-By: Claude Opus 5.5 (1M context) <[email protected]>
56 lines
1.7 KiB
TypeScript
56 lines
1.7 KiB
TypeScript
import { BackLink } from "@/components/back-link";
|
|
import { createShippingTierAction } from "../../actions";
|
|
import { getLocale } from "@/i18n/locale";
|
|
import { getDictionary } from "@/i18n/get-dictionary";
|
|
|
|
export default async function AdminVersandNewPage() {
|
|
const t = getDictionary(await getLocale());
|
|
|
|
return (
|
|
<div className="max-w-md">
|
|
<BackLink href="/admin/versand" label={t.adminShippingNewPage.backToShipping} />
|
|
<h1 className="text-2xl text-forest mb-8">{t.adminShippingNewPage.title}</h1>
|
|
|
|
|
|
<form action={createShippingTierAction} className="space-y-4 bg-background border border-ink/10 p-6">
|
|
<div className="grid grid-cols-2 gap-4">
|
|
<Field name="minQuantity" label={t.adminShippingNewPage.minQuantityLabel} type="number" required placeholder="0" />
|
|
<Field name="maxQuantity" label={t.adminShippingNewPage.maxQuantityLabel} type="number" placeholder="3" />
|
|
</div>
|
|
<Field name="priceCents" label={t.adminShippingNewPage.priceLabel} type="number" required placeholder="700" />
|
|
<button type="submit" className="bg-forest text-cream px-6 py-2 text-sm">
|
|
{t.adminShippingNewPage.create}
|
|
</button>
|
|
</form>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
function Field({
|
|
name,
|
|
label,
|
|
type = "text",
|
|
placeholder,
|
|
required = false,
|
|
}: {
|
|
name: string;
|
|
label: string;
|
|
type?: string;
|
|
placeholder?: string;
|
|
required?: boolean;
|
|
}) {
|
|
return (
|
|
<label className="block text-sm">
|
|
<span className="text-ink/70">{label}</span>
|
|
<input
|
|
name={name}
|
|
type={type}
|
|
placeholder={placeholder}
|
|
required={required}
|
|
min={0}
|
|
className="mt-1 w-full border border-ink/20 bg-background px-3 py-2"
|
|
/>
|
|
</label>
|
|
);
|
|
}
|