Wrap button blocks with buttons blocks in mobile page templates

WordPress · Apr 28, 2020 · be816c3 · be816c3
1 parent a3b7ef6
commit be816c3
Show file tree

Hide file tree

Showing 5 changed files with 57 additions and 32 deletions.
diff --git a/packages/block-editor/src/components/page-template-picker/templates/about.native.js b/packages/block-editor/src/components/page-template-picker/templates/about.native.js
@@ -94,11 +94,16 @@ const About = {
 			},
 		},
 		{
-			name: 'core/button',
-			attributes: {
-				// translators: sample content for "About" page template
-				text: __( 'Get in Touch' ),
-			},
+			name: 'core/buttons',
+			innerBlocks: [
+				{
+					name: 'core/button',
+					attributes: {
+						// translators: sample content for "About" page template
+						text: __( 'Get in Touch' ),
+					},
+				},
+			],
 		},
 		{
 			name: 'core/spacer',

diff --git a/packages/block-editor/src/components/page-template-picker/templates/blog.native.js b/packages/block-editor/src/components/page-template-picker/templates/blog.native.js
@@ -60,11 +60,16 @@ const Blog = {
 			},
 		},
 		{
-			name: 'core/button',
-			attributes: {
-				// translators: sample content for "Blog" page template
-				text: __( 'Subscribe' ),
-			},
+			name: 'core/buttons',
+			innerBlocks: [
+				{
+					name: 'core/button',
+					attributes: {
+						// translators: sample content for "Blog" page template
+						text: __( 'Subscribe' ),
+					},
+				},
+			],
 		},
 		{
 			name: 'core/spacer',

diff --git a/packages/block-editor/src/components/page-template-picker/templates/portfolio.native.js b/packages/block-editor/src/components/page-template-picker/templates/portfolio.native.js
@@ -175,15 +175,20 @@ const Portfolio = {
 			},
 		},
 		{
-			name: 'core/button',
-			attributes: {
-				url: '',
-				// translators: sample content for "Portfolio" page template
-				text: __( 'Get in touch!' ),
-				linkTarget: '',
-				rel: '',
-				className: 'aligncenter',
-			},
+			name: 'core/buttons',
+			innerBlocks: [
+				{
+					name: 'core/button',
+					attributes: {
+						url: '',
+						// translators: sample content for "Portfolio" page template
+						text: __( 'Get in touch!' ),
+						linkTarget: '',
+						rel: '',
+						className: 'aligncenter',
+					},
+				},
+			],
 		},
 		{
 			name: 'core/spacer',

diff --git a/packages/block-editor/src/components/page-template-picker/templates/services.native.js b/packages/block-editor/src/components/page-template-picker/templates/services.native.js
@@ -139,11 +139,16 @@ const Services = {
 			},
 		},
 		{
-			name: 'core/button',
-			attributes: {
-				// translators: sample content for "Services" page template
-				text: __( 'Get in Touch' ),
-			},
+			name: 'core/buttons',
+			innerBlocks: [
+				{
+					name: 'core/button',
+					attributes: {
+						// translators: sample content for "Services" page template
+						text: __( 'Get in Touch' ),
+					},
+				},
+			],
 		},
 		{
 			name: 'core/spacer',

diff --git a/packages/block-editor/src/components/page-template-picker/templates/team.native.js b/packages/block-editor/src/components/page-template-picker/templates/team.native.js
@@ -225,14 +225,19 @@ const Team = {
 			},
 		},
 		{
-			name: 'core/button',
-			attributes: {
-				url: '',
-				// translators: sample content for "Team" page template
-				text: __( 'Get in Touch!' ),
-				borderRadius: 4,
-				className: 'aligncenter',
-			},
+			name: 'core/buttons',
+			innerBlocks: [
+				{
+					name: 'core/button',
+					attributes: {
+						url: '',
+						// translators: sample content for "Team" page template
+						text: __( 'Get in Touch!' ),
+						borderRadius: 4,
+						className: 'aligncenter',
+					},
+				},
+			],
 		},
 		{
 			name: 'core/spacer',