Shopping Cart

\n \n ✕\n \n

\n \n

🛒

Your cart is empty

Add some products to get started!

\n );\n }\n\n return (\n

\n {/* Header */}\n

Shopping Cart

\n \n ✕\n \n

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

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

\n {/* Product Image */}\n

\n {item.product.image}\n

\n \n {/* Product Details */}\n

{item.product.name}

${item.product.price.toFixed(2)} per {item.product.unit}

\n \n {/* Quantity Controls */}\n

\n onUpdateQuantity(item.product.id, item.quantity - 1)}\n className=\"px-2 py-1 hover:bg-gray-100 text-gray-600 text-sm\"\n >\n −\n \n {item.quantity}\n onUpdateQuantity(item.product.id, item.quantity + 1)}\n className=\"px-2 py-1 hover:bg-gray-100 text-gray-600 text-sm\"\n >\n +\n \n

\n \n onRemoveItem(item.product.id)}\n className=\"text-red-500 hover:text-red-700 text-sm ml-2\"\n >\n Remove\n \n

\n \n {/* Item Total */}\n

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

\n ))}\n

\n \n {/* Footer */}\n

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

\n \n \n Proceed to Checkout\n \n \n

\n Free delivery on orders over $50\n

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