Add styles to the Start shopping button (#8766)

woocommerce · Mar 16, 2023 · 675754c · 675754c
1 parent 8624555
commit 675754c
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 17 deletions.
diff --git a/...ocks/mini-cart/mini-cart-contents/inner-blocks/mini-cart-shopping-button-block/block.json b/...ocks/mini-cart/mini-cart-contents/inner-blocks/mini-cart-shopping-button-block/block.json
@@ -9,7 +9,11 @@
 		"html": false,
 		"multiple": false,
 		"reusable": false,
-		"inserter": true
+		"inserter": true,
+		"color": {
+			"text": true,
+			"background": true
+		}
 	},
 	"attributes": {
 		"lock": {

diff --git a/...blocks/mini-cart/mini-cart-contents/inner-blocks/mini-cart-shopping-button-block/edit.tsx b/...blocks/mini-cart/mini-cart-contents/inner-blocks/mini-cart-shopping-button-block/edit.tsx
@@ -22,22 +22,23 @@ export const Edit = ( {
 	const { startShoppingButtonLabel } = attributes;
 
 	return (
-		<div { ...blockProps }>
-			<div className="wp-block-button aligncenter">
-				<Button className="wc-block-mini-cart__shopping-button">
-					<RichText
-						multiline={ false }
-						allowedFormats={ [] }
-						value={ startShoppingButtonLabel }
-						placeholder={ defaultStartShoppingButtonLabel }
-						onChange={ ( content ) => {
-							setAttributes( {
-								startShoppingButtonLabel: content,
-							} );
-						} }
-					/>
-				</Button>
-			</div>
+		<div className="wp-block-button aligncenter">
+			<Button
+				{ ...blockProps }
+				className="wc-block-mini-cart__shopping-button"
+			>
+				<RichText
+					multiline={ false }
+					allowedFormats={ [] }
+					value={ startShoppingButtonLabel }
+					placeholder={ defaultStartShoppingButtonLabel }
+					onChange={ ( content ) => {
+						setAttributes( {
+							startShoppingButtonLabel: content,
+						} );
+					} }
+				/>
+			</Button>
 		</div>
 	);
 };