From 8e4462d1fe17ecddd0fa6d28095970b788bc96bd Mon Sep 17 00:00:00 2001
From: Philipp Stracker <p.stracker@syde.com>
Date: Tue, 21 Jan 2025 16:05:36 +0100
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20Set=20default=20message=20?=
 =?UTF-8?q?for=20SpinnerOverlay?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 modules/ppcp-settings/resources/js/Components/App.js       | 6 +-----
 .../js/Components/ReusableComponents/SpinnerOverlay.js     | 7 ++++++-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/modules/ppcp-settings/resources/js/Components/App.js b/modules/ppcp-settings/resources/js/Components/App.js
index 644f934d3..b719cb575 100644
--- a/modules/ppcp-settings/resources/js/Components/App.js
+++ b/modules/ppcp-settings/resources/js/Components/App.js
@@ -37,11 +37,7 @@ const SettingsApp = () => {
 			! merchantIsReady ||
 			! settingsIsReady
 		) {
-			return (
-				<SpinnerOverlay
-					message={ __( 'Loading…', 'woocommerce-paypal-payments' ) }
-				/>
-			);
+			return <SpinnerOverlay />;
 		}
 		if ( isSendOnlyCountry ) {
 			return <SendOnlyMessage />;
diff --git a/modules/ppcp-settings/resources/js/Components/ReusableComponents/SpinnerOverlay.js b/modules/ppcp-settings/resources/js/Components/ReusableComponents/SpinnerOverlay.js
index b4165b5ba..de3858408 100644
--- a/modules/ppcp-settings/resources/js/Components/ReusableComponents/SpinnerOverlay.js
+++ b/modules/ppcp-settings/resources/js/Components/ReusableComponents/SpinnerOverlay.js
@@ -1,6 +1,11 @@
+import { __ } from '@wordpress/i18n';
 import { Spinner } from '@wordpress/components';
 
-const SpinnerOverlay = ( { message = '' } ) => {
+const SpinnerOverlay = ( { message = null } ) => {
+	if ( null === message ) {
+		message = __( 'Loading…', 'woocommerce-paypal-payments' );
+	}
+
 	return (
 		<div className="ppcp-r-spinner-overlay">
 			{ message && (