✅

Order Placed Successfully!

\n Thank you for your order, {orderSuccess.customerName}! Your order #{orderSuccess.id} has been received and is being prepared.\n

\n \n

Order Summary

\n {orderSuccess.items.map(item => (\n

\n {item.product.name} × {item.quantity}\n ${(item.product.price * item.quantity).toFixed(2)}\n

\n ))}\n

\n Total:\n ${orderSuccess.total.toFixed(2)}\n

\n \n

Delivery Address: {orderSuccess.deliveryAddress}

Phone: {orderSuccess.phone}

Email: {orderSuccess.customerEmail}

\n \n \n Continue Shopping\n \n

\n );\n }\n\n const deliveryFee = total >= 50 ? 0 : 4.99;\n const finalTotal = total + deliveryFee;\n\n return (\n

\n {/* Header */}\n

\n \n ← Back to Cart\n \n

Checkout

\n\n

\n {/* Order Form */}\n

Delivery Information

\n \n {error && (\n

\n {error}\n

\n )}\n \n

\n\n {/* Order Summary */}\n

Order Summary

\n \n {/* Items */}\n

\n {cart.map(item => (\n

\n {item.product.image}\n

{item.product.name}

\n ${item.product.price.toFixed(2)} × {item.quantity}\n

\n ${(item.product.price * item.quantity).toFixed(2)}\n

\n ))}\n

\n \n {/* Totals */}\n

\n Subtotal:\n ${total.toFixed(2)}\n

\n Delivery Fee:\n \n {deliveryFee === 0 ? (\n FREE\n ) : (\n `$${deliveryFee.toFixed(2)}`\n )}\n \n

\n Total:\n ${finalTotal.toFixed(2)}\n

\n \n {total < 50 && (\n

\n 💡 Add ${(50 - total).toFixed(2)} more to get free delivery!\n

\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/TechEnthusiast/At_your_doorstep/code/frontend/components/Checkout.tsx","extension","actionData","errors"]