From 25d96a577525c54ebbfffc64ea0e900342836365 Mon Sep 17 00:00:00 2001
From: Dat Hoang <htdat@users.noreply.github.com>
Date: Thu, 14 Dec 2023 11:48:00 +0700
Subject: [PATCH] Minor updates

---
 client/order/index.js                  |  4 ++--
 client/order/test-mode-notice/index.js | 26 ++++++++++++++------------
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/client/order/index.js b/client/order/index.js
index f0e4ec53504..e9a08d94eb2 100644
--- a/client/order/index.js
+++ b/client/order/index.js
@@ -12,8 +12,8 @@ import { getConfig } from 'utils/order';
 import { isAwaitingResponse, isUnderReview } from 'wcpay/disputes/utils';
 import RefundConfirmationModal from './refund-confirm-modal';
 import CancelConfirmationModal from './cancel-confirm-modal';
+import TestModeNotice from './test-mode-notice';
 import DisputedOrderNoticeHandler from 'wcpay/components/disputed-order-notice';
-import TestModeNotice from 'wcpay/order/test-mode-notice';
 
 function disableWooOrderRefundButton( disputeStatus ) {
 	const refundButton = document.querySelector( 'button.refund-items' );
@@ -160,7 +160,7 @@ jQuery( function ( $ ) {
 			'#wcpay-order-payment-details-container'
 		);
 
-		// If the orderDetailContainer doesn't exist (WC < 7.9), or the charge ID isn't present, don't render the notice.
+		// If the container doesn't exist (WC < 7.9), or the charge ID isn't present, don't render the notice.
 		if ( ! container ) {
 			return;
 		}
diff --git a/client/order/test-mode-notice/index.js b/client/order/test-mode-notice/index.js
index 10c75cdd002..4feae4a79fc 100644
--- a/client/order/test-mode-notice/index.js
+++ b/client/order/test-mode-notice/index.js
@@ -16,19 +16,21 @@ const TestModeNotice = () => {
 				'WooPayments was in test mode when this order was placed.',
 				'woocommerce-payments'
 			) }
-			{ createInterpolateElement(
-				__(
-					' <a>Learn more about test mode</a>',
-					'woocommerce-payments'
-				),
-				{
-					a: (
-						// createInterpolateElement is incompatible with this eslint rule as the <a> is decoupled from content.
-						// eslint-disable-next-line jsx-a11y/anchor-has-content
-						<a href="https://woo.com/document/woopayments/testing-and-troubleshooting/testing/" />
+
+			{ ' ' +
+				createInterpolateElement(
+					__(
+						'<a>Learn more about test mode</a>',
+						'woocommerce-payments'
 					),
-				}
-			) }
+					{
+						a: (
+							// createInterpolateElement is incompatible with this eslint rule as the <a> is decoupled from content.
+							// eslint-disable-next-line jsx-a11y/anchor-has-content
+							<a href="https://woo.com/document/woopayments/testing-and-troubleshooting/testing/" />
+						),
+					}
+				) }
 		</InlineNotice>
 	);
 };