From 96c91806715fcd4d34059f5d1c24fb414327c947 Mon Sep 17 00:00:00 2001
From: Luigi Teschio <gigitux@gmail.com>
Date: Thu, 4 Apr 2024 12:19:56 +0200
Subject: [PATCH] CYS: add debounce to improve performance (#46212)

* CYS: add debounce to improve performance

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
---
 .../assembler-hub/sidebar/global-styles/color-panel.jsx       | 3 ++-
 ...nvestigate-potential-bad-performance-for-the-color-palette | 4 ++++
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 plugins/woocommerce/changelog/46212-46194-cys-investigate-potential-bad-performance-for-the-color-palette

diff --git a/plugins/woocommerce-admin/client/customize-store/assembler-hub/sidebar/global-styles/color-panel.jsx b/plugins/woocommerce-admin/client/customize-store/assembler-hub/sidebar/global-styles/color-panel.jsx
index 552dd966766..5ed6f17cd71 100644
--- a/plugins/woocommerce-admin/client/customize-store/assembler-hub/sidebar/global-styles/color-panel.jsx
+++ b/plugins/woocommerce-admin/client/customize-store/assembler-hub/sidebar/global-styles/color-panel.jsx
@@ -6,6 +6,7 @@ import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 import { unlock } from '@wordpress/edit-site/build-module/lock-unlock';
 import { useContext } from '@wordpress/element';
 import { mergeBaseAndUserConfigs } from '@wordpress/edit-site/build-module/components/global-styles/global-styles-provider';
+import { debounce } from 'lodash';
 
 const {
 	useGlobalStyle,
@@ -57,7 +58,7 @@ export const ColorPanel = () => {
 		<StylesColorPanel
 			inheritedValue={ inheritedStyle }
 			value={ style }
-			onChange={ onChange }
+			onChange={ debounce( onChange, 100 ) }
 			settings={ settings }
 		/>
 	);
diff --git a/plugins/woocommerce/changelog/46212-46194-cys-investigate-potential-bad-performance-for-the-color-palette b/plugins/woocommerce/changelog/46212-46194-cys-investigate-potential-bad-performance-for-the-color-palette
new file mode 100644
index 00000000000..1b379c48c76
--- /dev/null
+++ b/plugins/woocommerce/changelog/46212-46194-cys-investigate-potential-bad-performance-for-the-color-palette
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+Comment: CYS: add debounce to improve performance
+