fix: add colons to email and success page labels

Also fix duplicate 'Producte' label in client email (was showing
product name in the price base row).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-06-18 09:40:23 +02:00
parent 139444f4ab
commit 3179085c48
2 changed files with 16 additions and 16 deletions
+3 -3
View File
@@ -124,12 +124,12 @@ function SuccessContent() {
{/* Order details */}
<div className="p-5 space-y-3">
<div className="flex justify-between text-sm">
<span className="text-slate-500">Producte</span>
<span className="text-slate-500">Producte:</span>
<span className="text-white font-semibold">{PRODUCT_NAMES[order.product] ?? order.product}</span>
</div>
{(order.sizeTshirt || order.sizeSocks) && (
<div className="flex justify-between text-sm">
<span className="text-slate-500">Talles</span>
<span className="text-slate-500">Talles:</span>
<span className="text-white font-semibold">
{[
order.sizeTshirt && `Samarreta ${order.sizeTshirt}`,
@@ -139,7 +139,7 @@ function SuccessContent() {
</div>
)}
<div className="flex justify-between text-sm">
<span className="text-slate-500">Lliurament</span>
<span className="text-slate-500">Lliurament:</span>
<span className="text-white font-semibold">
{order.shipping === 'correos' ? 'Correos Express' : 'Recollida Corbins/Lleida'}
</span>
+13 -13
View File
@@ -112,11 +112,11 @@ export async function sendOrderConfirmationToClient(order: Order) {
<div style="color:#8888AA; font-size:12px; letter-spacing:2px; text-transform:uppercase;">Número de comanda</div>
<div class="order-number">${order.orderNumber}</div>
</div>
<div class="row"><span class="label">Producte</span><span class="value">${productName}</span></div>
<div class="row"><span class="label">Talles</span><span class="value">${sizes}</span></div>
<div class="row"><span class="label">Lliurament</span><span class="value">${shippingText}</span></div>
<div class="row"><span class="label">Producte</span><span class="value">${order.baseAmount.toFixed(2).replace('.', ',')}€</span></div>
${order.shippingAmount > 0 ? `<div class="row"><span class="label">Enviament</span><span class="value">${order.shippingAmount.toFixed(2).replace('.', ',')}€</span></div>` : ''}
<div class="row"><span class="label">Producte:</span><span class="value">${productName}</span></div>
<div class="row"><span class="label">Talles:</span><span class="value">${sizes}</span></div>
<div class="row"><span class="label">Lliurament:</span><span class="value">${shippingText}</span></div>
<div class="row"><span class="label">Preu base:</span><span class="value">${order.baseAmount.toFixed(2).replace('.', ',')}€</span></div>
${order.shippingAmount > 0 ? `<div class="row"><span class="label">Enviament:</span><span class="value">${order.shippingAmount.toFixed(2).replace('.', ',')}€</span></div>` : ''}
<div class="total-row"><span class="label">Total pagat</span><span class="value">${order.totalAmount.toFixed(2).replace('.', ',')}€</span></div>
</div>
@@ -151,8 +151,8 @@ export async function sendNewOrderNotificationToAdmin(order: Order) {
const addressBlock =
order.shipping === 'correos'
? `<div class="row"><span class="label">Adreça</span><span class="value" style="text-align:right;">${order.adreca}<br>${order.codiPostal} ${order.poblacio}<br>${order.provincia}</span></div>`
: `<div class="row"><span class="label">Recollida a</span><span class="value">Corbins / Lleida</span></div>`
? `<div class="row"><span class="label">Adreça:</span><span class="value" style="text-align:right;">${order.adreca}<br>${order.codiPostal} ${order.poblacio}<br>${order.provincia}</span></div>`
: `<div class="row"><span class="label">Recollida a:</span><span class="value">Corbins / Lleida</span></div>`
const html = baseEmailHtml(`
<div class="header">
@@ -161,17 +161,17 @@ export async function sendNewOrderNotificationToAdmin(order: Order) {
</div>
<div class="body">
<div class="order-box">
<div class="row"><span class="label">Producte</span><span class="value">${productName}</span></div>
<div class="row"><span class="label">Talles</span><span class="value">${sizes}</span></div>
<div class="row"><span class="label">Lliurament</span><span class="value">${shippingText}</span></div>
<div class="row"><span class="label">Producte:</span><span class="value">${productName}</span></div>
<div class="row"><span class="label">Talles:</span><span class="value">${sizes}</span></div>
<div class="row"><span class="label">Lliurament:</span><span class="value">${shippingText}</span></div>
<div class="total-row"><span class="label">TOTAL</span><span class="value">${order.totalAmount.toFixed(2).replace('.', ',')}€</span></div>
</div>
<h3>Dades del client</h3>
<div class="order-box">
<div class="row"><span class="label">Nom</span><span class="value">${order.nom} ${order.cognoms}</span></div>
<div class="row"><span class="label">Telèfon</span><span class="value">${order.telefon}</span></div>
<div class="row"><span class="label">Email</span><span class="value">${order.email}</span></div>
<div class="row"><span class="label">Nom:</span><span class="value">${order.nom} ${order.cognoms}</span></div>
<div class="row"><span class="label">Telèfon:</span><span class="value">${order.telefon}</span></div>
<div class="row"><span class="label">Email:</span><span class="value">${order.email}</span></div>
${addressBlock}
</div>