diff --git a/src/orders/components/OrderHistory/ExtendedTimelineEvent.tsx b/src/orders/components/OrderHistory/ExtendedTimelineEvent.tsx index 36bbc5519..c47be5f9b 100644 --- a/src/orders/components/OrderHistory/ExtendedTimelineEvent.tsx +++ b/src/orders/components/OrderHistory/ExtendedTimelineEvent.tsx @@ -78,6 +78,11 @@ export const titles = defineMessages({ defaultMessage: "Products were returned by", description: "returned event title", id: "event title returned" + }, + orderMarkedAsPaid: { + defaultMessage: "Order was marked as paid by", + description: "order marked as paid event title", + id: "event title marked as paid" } }); @@ -96,6 +101,11 @@ export const messages = defineMessages({ defaultMessage: "Shipment was refunded", description: "shipment refund title", id: "shipment refund title" + }, + transactionReference: { + defaultMessage: "Transaction reference", + description: "transaction reference subtitle", + id: "transaction reference subtitle" } }); @@ -115,6 +125,7 @@ const ExtendedTimelineEvent: React.FC = ({ user, lines, amount, + transactionReference, shippingCostsIncluded, relatedOrder } = event; @@ -204,6 +215,19 @@ const ExtendedTimelineEvent: React.FC = ({ )} )} + + {!!transactionReference && ( + <> + + {intl.formatMessage(messages.transactionReference)} + + {transactionReference} + + )} ); }; diff --git a/src/orders/components/OrderHistory/utils.tsx b/src/orders/components/OrderHistory/utils.tsx index 3d1c3030f..c0d166bc5 100644 --- a/src/orders/components/OrderHistory/utils.tsx +++ b/src/orders/components/OrderHistory/utils.tsx @@ -24,7 +24,8 @@ const timelineEventTypes = { OrderEventsEnum.FULFILLMENT_REFUNDED, OrderEventsEnum.FULFILLMENT_REPLACED, OrderEventsEnum.FULFILLMENT_RETURNED, - OrderEventsEnum.DRAFT_CREATED_FROM_REPLACE + OrderEventsEnum.DRAFT_CREATED_FROM_REPLACE, + OrderEventsEnum.ORDER_MARKED_AS_PAID ], linked: [OrderEventsEnum.ORDER_REPLACEMENT_CREATED], note: [OrderEventsEnum.NOTE_ADDED],