41 lines
1.2 KiB
Markdown
41 lines
1.2 KiB
Markdown
# ORDERS-FIX — Implementer Report
|
|
|
|
## Feature
|
|
**ID:** ORDERS-FIX
|
|
**Title:** Orders detail: refund history shown in human-friendly format
|
|
|
|
## Cambio Realizado
|
|
|
|
### Archivo Modificado
|
|
`project/apps/admin/src/app/(dashboard)/orders/[id]/page.tsx`
|
|
|
|
### Detalles
|
|
|
|
Se agregó detección de eventos de refund en el historial de orders:
|
|
|
|
```tsx
|
|
// 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;
|
|
|
|
// En el render:
|
|
<p className={`text-sm break-words ${isRefundEvent ? 'text-pink-700 font-medium' : 'text-gray-800'}`}>
|
|
{isRefundEvent && <span className="mr-1">💸</span>}{event.message}
|
|
</p>
|
|
```
|
|
|
|
### Efectos Visuales
|
|
- **Icono**: 💸 antes del mensaje de refund
|
|
- **Color**: Texto rosa/púrpura (`text-pink-700`) para refunds
|
|
- **Dot**: Punto rosa (`bg-pink-500`) en el timeline
|
|
- **Font**: Medium weight para mejor legibilidad
|
|
|
|
## Testing Recomendado
|
|
1. Order sin refunds → historial normal (azul)
|
|
2. Order con refunds → mensaje con 💸 y color rosa
|
|
3. Diferenciación clara vs eventos de shipping (púrpura) y otros (azul)
|
|
|
|
## Complejidad: Low
|
|
## Riesgo: Low
|
|
## Impacto: UX mejorada para refunds en historial
|