feat(ORDERS-FIX): completed feature
This commit is contained in:
@@ -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>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user