diff --git a/src/app/order/OrderStatus.spec.tsx b/src/app/order/OrderStatus.spec.tsx
index 5383f2563f..261d561c8c 100644
--- a/src/app/order/OrderStatus.spec.tsx
+++ b/src/app/order/OrderStatus.spec.tsx
@@ -2,6 +2,8 @@ import { Order } from '@bigcommerce/checkout-sdk';
import { shallow, ShallowWrapper } from 'enzyme';
import React from 'react';
+import { TranslatedString } from '../locale';
+
import { getOrder } from './orders.mock';
import OrderStatus from './OrderStatus';
@@ -57,6 +59,22 @@ describe('OrderStatus', () => {
});
});
+ describe('when order is awaiting payment', () => {
+ beforeEach(() => {
+ orderStatus = shallow();
+ });
+
+ it('displays order is pending text', () => {
+ expect(orderStatus.find(TranslatedString).prop('id'))
+ .toEqual('order_confirmation.order_pending_review_text');
+ });
+ });
+
describe('when order has digital items', () => {
beforeEach(() => {
order = {
diff --git a/src/app/order/OrderStatus.tsx b/src/app/order/OrderStatus.tsx
index a39118b8ff..97d0c58e76 100644
--- a/src/app/order/OrderStatus.tsx
+++ b/src/app/order/OrderStatus.tsx
@@ -17,6 +17,7 @@ const OrderStatus: FunctionComponent = ({
supportPhoneNumber,
}) => {
const isPendingReview = order.status === 'MANUAL_VERIFICATION_REQUIRED';
+ const isAwaitingPayment = order.status === 'AWAITING_PAYMENT';
const orderNumber = order.orderId;
return
@@ -28,14 +29,14 @@ const OrderStatus: FunctionComponent = ({
/>
}
- { isPendingReview &&
+ { (isPendingReview || isAwaitingPayment) &&
}
- { !isPendingReview &&
+ { !(isPendingReview || isAwaitingPayment) &&