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

Co-authored-by: fabiankaegy <[email protected]> Co-authored-by: ntsekouras <[email protected]>
WordPress · Apr 1, 2024 · fc78ac9 · fc78ac9
1 parent 7114727
commit fc78ac9
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 ) => (