Revisions

packages/block-library/src/media-text/edit.js

@@ -100,10 +100,16 @@ class MediaTextEdit extends Component {
 	}
 
 	render() {
-		const { attributes, backgroundColor, setAttributes, setBackgroundColor } = this.props;
+		const {
+			attributes,
+			className,
+			backgroundColor,
+			setAttributes,
+			setBackgroundColor,
+		} = this.props;
 		const { mediaPosition, mediaWidth } = attributes;
 		const temporaryMediaWidth = this.state.mediaWidth;
-		const className = classnames( 'wp-block-media-text', {
+		const classNames = classnames( className, {
 			'has-media-on-the-right': 'right' === mediaPosition,
 			[ backgroundColor.class ]: backgroundColor.class,
 		} );
@@ -142,7 +148,7 @@ class MediaTextEdit extends Component {
 						controls={ toolbarControls }
 					/>
 				</BlockControls>
-				<div className={ className } style={ style } >
+				<div className={ classNames } style={ style } >
 					{ this.renderMediaArea() }
 					<InnerBlocks
 						allowedBlocks={ ALLOWED_BLOCKS }

packages/block-library/src/media-text/editor.scss

@@ -1,5 +1,3 @@
-
-
 .wp-block-media-text,
 .wp-block-media-text.aligncenter {
 	grid-template-areas:

packages/block-library/src/media-text/index.js

@@ -29,6 +29,8 @@ export const settings = {
 
 	category: 'layout',
 
+	keywords: [ __( 'image' ), __( 'video' ), __( 'half' ) ],
+
 	attributes: {
 		align: {
 			type: 'string',
@@ -86,16 +88,8 @@ export const settings = {
 			mediaWidth,
 		} = attributes;
 		const mediaTypeRenders = {
-			image: () => {
-				return (
-					<img src={ mediaUrl } alt={ mediaAlt } />
-				);
-			},
-			video: () => {
-				return (
-					<video controls src={ mediaUrl } />
-				);
-			},
+			image: () => <img src={ mediaUrl } alt={ mediaAlt } />,
+			video: () => <video controls src={ mediaUrl } />,
 		};
 
 		const backgroundClass = getColorClassName( 'background-color', backgroundColor );