From dca03c332324d091600ee142e15473aa11ccdaa7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alba=20Rinc=C3=B3n?= <albarin@users.noreply.github.com>
Date: Thu, 16 Mar 2023 14:57:54 +0100
Subject: [PATCH] Add styles to the `Start shopping` button
 (https://github.com/woocommerce/woocommerce-blocks/pull/8766)

---
 .../block.json                                |  6 +++-
 .../mini-cart-shopping-button-block/edit.tsx  | 33 ++++++++++---------
 2 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/plugins/woocommerce-blocks/assets/js/blocks/mini-cart/mini-cart-contents/inner-blocks/mini-cart-shopping-button-block/block.json b/plugins/woocommerce-blocks/assets/js/blocks/mini-cart/mini-cart-contents/inner-blocks/mini-cart-shopping-button-block/block.json
index c81b1c38c2d..4f3e75c6979 100644
--- a/plugins/woocommerce-blocks/assets/js/blocks/mini-cart/mini-cart-contents/inner-blocks/mini-cart-shopping-button-block/block.json
+++ b/plugins/woocommerce-blocks/assets/js/blocks/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/plugins/woocommerce-blocks/assets/js/blocks/mini-cart/mini-cart-contents/inner-blocks/mini-cart-shopping-button-block/edit.tsx b/plugins/woocommerce-blocks/assets/js/blocks/mini-cart/mini-cart-contents/inner-blocks/mini-cart-shopping-button-block/edit.tsx
index 492e106f7b7..b8732a79aa1 100644
--- a/plugins/woocommerce-blocks/assets/js/blocks/mini-cart/mini-cart-contents/inner-blocks/mini-cart-shopping-button-block/edit.tsx
+++ b/plugins/woocommerce-blocks/assets/js/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>
 	);
 };