Fix: use viewportWidth in pattern preview data view (WordPress#60315)

Co-authored-by: fabiankaegy <fabiankaegy@git.wordpress.org> Co-authored-by: ntsekouras <ntsekouras@git.wordpress.org>
garridinsi · Apr 9, 2024 · 2bb1fc7 · 2bb1fc7
1 parent 759fb2f
commit 2bb1fc7
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/edit-site/src/components/page-patterns/index.js b/packages/edit-site/src/components/page-patterns/index.js
@@ -171,7 +171,12 @@ function Preview( { item, categoryId, viewType } ) {
 				>
 					{ isEmpty && isTemplatePart && __( 'Empty template part' ) }
 					{ isEmpty && ! isTemplatePart && __( 'Empty pattern' ) }
-					{ ! isEmpty && <BlockPreview blocks={ item.blocks } /> }
+					{ ! isEmpty && (
+						<BlockPreview
+							blocks={ item.blocks }
+							viewportWidth={ item.viewportWidth }
+						/>
+					) }
 				</PreviewWrapper>
 			</div>
 			{ ariaDescriptions.map( ( ariaDescription, index ) => (