Testimonial Block

extensions/blocks/testimonial/edit.js

@@ -0,0 +1,36 @@
+/**
+ * External dependencies
+ */
+import { Component, Fragment } from '@wordpress/element';
+import { TextControl } from '@wordpress/components';
+import classnames from 'classnames';
+
+/**
+ * Internal dependencies
+ */
+import { __ } from '../../utils/i18n';
+
+export default class TestimonialEdit extends Component {
+	onChangeAuthor = value => void this.props.setAttributes( { author: value } );
+
+	render() {
+		const { attributes, className, isSelected } = this.props;
+
+		return (
+			<Fragment>
+				<div
+					className={ classnames( className, {
+						'is-selected': isSelected,
+					} ) }
+				>
+					<TextControl
+						label={ __( 'Author Name' ) }
+						value={ attributes.author }
+						onChange={ this.onChangeAuthor }
+						type="text"
+					/>
+				</div>
+			</Fragment>
+		);
+	}
+}

extensions/blocks/testimonial/editor.js

@@ -0,0 +1,7 @@
+/**
+ * Internal dependencies
+ */
+import registerJetpackBlock from '../../utils/register-jetpack-block';
+import { name, settings } from '.';
+
+registerJetpackBlock( name, settings );

extensions/blocks/testimonial/index.js

@@ -0,0 +1,34 @@
+/**
+ * Internal dependencies
+ */
+import './editor.scss';
+import TestimonialEdit from './edit';
+import TestimonialSave from './save';
+import { __ } from '../../utils/i18n';
+
+export const name = 'testimonial';
+
+export const settings = {
+	title: __( 'Testimonial' ),
+	description: __( '…' ),
+	icon: 'embed-photo',
+	category: 'jetpack',
+	keywords: [ __( 'testimonial' ) ],
+	supports: {},
+	attributes: {
+		content: {
+			type: 'string',
+		},
+		author: {
+			type: 'string',
+		},
+		authorMediaUrl: {
+			type: 'string',
+		},
+		authorMediaId: {
+			type: 'number',
+		},
+	},
+	edit: TestimonialEdit,
+	save: TestimonialSave,
+};

extensions/blocks/testimonial/save.js

@@ -0,0 +1,13 @@
+/**
+ * External dependencies
+ */
+//import { addQueryArgs } from '@wordpress/url';
+
+/**
+ * Internal dependencies
+ */
+//import { __ } from '../../utils/i18n';
+
+export default ( { attributes: { author }, className } ) => (
+	<div className={ className }>{ author }</div>
+);

extensions/blocks/testimonial/testimonial.php

@@ -0,0 +1,10 @@
+<?php
+/**
+ * Testimonial Block.
+ *
+ * @since 7.1.0
+ *
+ * @package Jetpack
+ */
+
+jetpack_register_block( 'jetpack/testimonial' );

extensions/setup/index.json

@@ -20,6 +20,7 @@
   ],
   "beta": [
     "seo",
+    "testimonial",
     "vr"
   ]
 }