From c5e606701ce8c204fba2b114157ca8ab0d60a2bc Mon Sep 17 00:00:00 2001
From: Dave Ryan <dave@bluehost.com>
Date: Mon, 29 Jul 2024 16:20:28 -0700
Subject: [PATCH 1/2] Correct misbranded spelling of WonderBlocks

---
 src/app/pages/settings/wonderBlocksSettings.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/pages/settings/wonderBlocksSettings.js b/src/app/pages/settings/wonderBlocksSettings.js
index f1b489be0..8eaf70a4a 100644
--- a/src/app/pages/settings/wonderBlocksSettings.js
+++ b/src/app/pages/settings/wonderBlocksSettings.js
@@ -18,17 +18,17 @@ const WonderBlocksSettings = () => {
 
 	const getWonderBlocksNoticeTitle = () => {
 		return wonderBlocks
-			? __( 'Wonder Blocks Enabled', 'wp-plugin-bluehost' )
-			: __( 'Wonder Blocks Disabled', 'wp-plugin-bluehost' );
+			? __( 'WonderBlocks Enabled', 'wp-plugin-bluehost' )
+			: __( 'WonderBlocks Disabled', 'wp-plugin-bluehost' );
 	};
 	const getWonderBlocksNoticeText = () => {
 		return wonderBlocks
 			? __(
-					'Create new content to see Wonder Blocks in action.',
+					'Create new content to see WonderBlocks in action.',
 					'wp-plugin-bluehost'
 			  )
 			: __(
-					'Wonder Blocks will no longer display.',
+					'WonderBlocks will no longer display.',
 					'wp-plugin-bluehost'
 			  );
 	};
@@ -78,9 +78,9 @@ const WonderBlocksSettings = () => {
 		<div className="nfd-flex nfd-flex-col nfd-gap-6">
 			<ToggleField
 				id="help-center-toggle"
-				label="Wonder Blocks"
+				label="WonderBlocks"
 				description={ __(
-					'Wonder Blocks provides a library of customizable block patterns and page templates.',
+					'WonderBlocks provides a library of customizable block patterns and page templates.',
 					'wp-plugin-bluehost'
 				) }
 				disabled={ wonderBlocksLocked }

From b7a69b83a4fe574b63cbfa2053bbece5c4ce805f Mon Sep 17 00:00:00 2001
From: Dave Ryan <dave@bluehost.com>
Date: Mon, 29 Jul 2024 16:21:51 -0700
Subject: [PATCH 2/2] Prevent duplicate DOM IDs

---
 src/app/pages/settings/wonderBlocksSettings.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/pages/settings/wonderBlocksSettings.js b/src/app/pages/settings/wonderBlocksSettings.js
index 8eaf70a4a..6909b21e6 100644
--- a/src/app/pages/settings/wonderBlocksSettings.js
+++ b/src/app/pages/settings/wonderBlocksSettings.js
@@ -77,7 +77,7 @@ const WonderBlocksSettings = () => {
 	return (
 		<div className="nfd-flex nfd-flex-col nfd-gap-6">
 			<ToggleField
-				id="help-center-toggle"
+				id="wonderblocks-toggle"
 				label="WonderBlocks"
 				description={ __(
 					'WonderBlocks provides a library of customizable block patterns and page templates.',