diff --git a/app/checkout/components/CheckoutContent.tsx b/app/checkout/components/CheckoutContent.tsx index 5894523..935be16 100644 --- a/app/checkout/components/CheckoutContent.tsx +++ b/app/checkout/components/CheckoutContent.tsx @@ -71,6 +71,7 @@ export function CheckoutContent({ const [shippingMethodId, setShippingMethodId] = useState(shippingMethods[0]?.id ?? null); const [paymentMethodId, setPaymentMethodId] = useState(paymentMethods[0]?.id ?? null); const [versandOpen, setVersandOpen] = useState(false); + const [deliveryMethod, setDeliveryMethod] = useState<"address" | "packstation">("address"); const productsLoading = products.length === 0 && cart.length > 0; const items = cart @@ -176,13 +177,67 @@ export function CheckoutContent({ autoComplete="email" wrapperClassName="w-full sm:w-[calc(50%-0.5rem)] sm:flex-none min-w-0" /> - + {/* Segmented control, same sm:w-[calc(50%-0.5rem)] half-row + width as the field(s) below it — Lieferadresse keeps + Straße und Hausnummer, Packstation swaps it out for + Packstationnummer + Postnummer (DHL's two Packstation + identifiers; there's no house number to give). */} +
+ Lieferart +
+ + +
+
+ + {deliveryMethod === "address" ? ( + + ) : ( +
+ + +
+ )}