From b88e4ba844bbb6f45c52bc9983696cdba4ac52ff Mon Sep 17 00:00:00 2001
From: yogeshbhutkar <yogesh.bhutkar@rtcamp.com>
Date: Thu, 16 Jan 2025 14:51:53 +0530
Subject: [PATCH] Editor: Refactor preview styles to use a constant for hiding
 block editor warnings

---
 .../src/components/block-preview/auto.js            | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/packages/block-editor/src/components/block-preview/auto.js b/packages/block-editor/src/components/block-preview/auto.js
index 19119ea46f00a..3e2a7a58c7c44 100644
--- a/packages/block-editor/src/components/block-preview/auto.js
+++ b/packages/block-editor/src/components/block-preview/auto.js
@@ -19,6 +19,10 @@ const MemoizedBlockList = memo( BlockList );
 
 const MAX_HEIGHT = 2000;
 const EMPTY_ADDITIONAL_STYLES = [];
+const PREVIEW_STYLES = {
+	css: 'body{height:auto;overflow:hidden;border:none;padding:0;} .block-editor-warning{display:none;} .is-root-container .block-editor-block-list__block.has-warning:after{background:none;}',
+	__unstableType: 'presets',
+};
 
 function ScaledBlockPreview( {
 	viewportWidth,
@@ -42,14 +46,7 @@ function ScaledBlockPreview( {
 	// Avoid scrollbars and hide block editor warnings for pattern previews.
 	const editorStyles = useMemo( () => {
 		if ( styles ) {
-			return [
-				...styles,
-				{
-					css: 'body{height:auto;overflow:hidden;border:none;padding:0;} .block-editor-warning{display:none;} .is-root-container .block-editor-block-list__block.has-warning:after{background:none;}',
-					__unstableType: 'presets',
-				},
-				...additionalStyles,
-			];
+			return [ ...styles, PREVIEW_STYLES, ...additionalStyles ];
 		}
 
 		return styles;