From a4d67a319a33b010fda81e32bc9a828f6ee8b4fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C2=A0Ja=CC=81n=20Mikla=CC=81s=CC=8C?= <neosinner@gmail.com>
Date: Thu, 16 Jan 2025 11:18:33 +0100
Subject: [PATCH] Properly set block opt-in checkbox label to render with
 correct classes

This fixes verical misalignment between the checkbox and the label

[MAILPOET-6436]
---
 mailpoet/assets/js/src/marketing-optin-block/block.tsx | 8 +++++---
 mailpoet/assets/js/src/marketing-optin-block/edit.tsx  | 6 +++++-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/mailpoet/assets/js/src/marketing-optin-block/block.tsx b/mailpoet/assets/js/src/marketing-optin-block/block.tsx
index fff9921748..be76efe896 100644
--- a/mailpoet/assets/js/src/marketing-optin-block/block.tsx
+++ b/mailpoet/assets/js/src/marketing-optin-block/block.tsx
@@ -30,8 +30,10 @@ export function FrontendBlock({
   }
 
   return (
-    <CheckboxControl checked={checked} onChange={setChecked}>
-      <RawHTML>{text || defaultText}</RawHTML>
-    </CheckboxControl>
+    <CheckboxControl
+      checked={checked}
+      onChange={setChecked}
+      label={<RawHTML>{text || defaultText}</RawHTML>}
+    />
   );
 }
diff --git a/mailpoet/assets/js/src/marketing-optin-block/edit.tsx b/mailpoet/assets/js/src/marketing-optin-block/edit.tsx
index c8cd83b6e0..d34c0c77df 100644
--- a/mailpoet/assets/js/src/marketing-optin-block/edit.tsx
+++ b/mailpoet/assets/js/src/marketing-optin-block/edit.tsx
@@ -56,7 +56,11 @@ export function Edit({
     <div {...blockProps}>
       {optinEnabled ? (
         <div className="wc-block-checkout__marketing">
-          <CheckboxControl id="mailpoet-marketing-optin" checked={false} />
+          <CheckboxControl
+            id="mailpoet-marketing-optin"
+            checked={false}
+            onChange={() => {}}
+          />
           <RichText
             value={currentText}
             onChange={(value) => setAttributes({ text: value })}