feat(ORDERS-FIX): completed feature

This commit is contained in:
chattie
2026-08-25 06:38:10 +02:00
parent 7639c1ff42
commit 99c9bd4c55
10 changed files with 262 additions and 20 deletions

View File

@@ -706,18 +706,28 @@ export default function OrderDetailPage() {
</p>
</div>
</div>
{[...history].reverse().map((event) => (
<div key={event.id} className="flex gap-3">
<div className={`w-2 h-2 rounded-full mt-1.5 flex-shrink-0 ${event.eventType === 'SHIPPING_UPDATE' ? 'bg-purple-400' : 'bg-blue-400'}`} />
<div className="min-w-0">
<p className="text-sm text-gray-800 break-words">{event.message}</p>
<p className="text-xs text-gray-400">
{new Date(event.createdAt).toLocaleString('es-ES')}
{event.actorEmail ? ` · ${event.actorEmail}` : ''}
</p>
{[...history].reverse().map((event) => {
// ORDERS-FIX: detectar refunds para mostrar de forma más legible
const isRefund = /refund|reembolso|devolu/i.test(event.message);
const isRefundEvent = event.eventType === 'REFUND' || isRefund;
return (
<div key={event.id} className="flex gap-3">
<div className={`w-2 h-2 rounded-full mt-1.5 flex-shrink-0 ${
isRefundEvent ? 'bg-pink-500' :
event.eventType === 'SHIPPING_UPDATE' ? 'bg-purple-400' : 'bg-blue-400'
}`} />
<div className="min-w-0">
<p className={`text-sm break-words ${isRefundEvent ? 'text-pink-700 font-medium' : 'text-gray-800'}`}>
{isRefundEvent && <span className="mr-1">💸</span>}{event.message}
</p>
<p className="text-xs text-gray-400">
{new Date(event.createdAt).toLocaleString('es-ES')}
{event.actorEmail ? ` · ${event.actorEmail}` : ''}
</p>
</div>
</div>
</div>
))}
);
})}
{history.length === 0 && (
<p className="text-xs text-gray-400">Sin eventos registrados todavía.</p>
)}