fix for native file

WordPress · Jun 22, 2021 · fd21312 · fd21312
1 parent 50a5bef
commit fd21312
Showing 1 changed file with 20 additions and 2 deletions.
diff --git a/packages/block-library/src/buttons/edit.native.js b/packages/block-library/src/buttons/edit.native.js
@@ -26,7 +26,6 @@ import { name as buttonBlockName } from '../button/';
 import styles from './editor.scss';
 
 const ALLOWED_BLOCKS = [ buttonBlockName ];
-const BUTTONS_TEMPLATE = [ [ 'core/button' ] ];
 
 const layoutProp = { type: 'default', alignments: [] };
 
@@ -65,6 +64,14 @@ export default function ButtonsEdit( {
 		},
 		[ clientId ]
 	);
+
+	const preferredStyle = useSelect( ( select ) => {
+		const preferredStyleVariations = select(
+			blockEditorStore
+		).getSettings().__experimentalPreferredStyleVariations;
+		return preferredStyleVariations?.value?.[ 'core/button' ];
+	}, [] );
+
 	const { getBlockOrder } = useSelect( blockEditorStore );
 	const { insertBlock, removeBlock, selectBlock } = useDispatch(
 		blockEditorStore
@@ -133,7 +140,18 @@ export default function ButtonsEdit( {
 			{ resizeObserver }
 			<InnerBlocks
 				allowedBlocks={ ALLOWED_BLOCKS }
-				template={ BUTTONS_TEMPLATE }
+				template={
+					preferredStyle
+						? [
+								[
+									'core/button',
+									{
+										className: `is-style-${ preferredStyle }`,
+									},
+								],
+						  ]
+						: [ [ 'core/button' ] ]
+				}
 				renderFooterAppender={
 					shouldRenderFooterAppender && renderFooterAppender.current
 				}