Disable DropZone when the editor is locked

WordPress · Dec 6, 2017 · a16ef0c · a16ef0c
1 parent 657c587
commit a16ef0c
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 7 deletions.
diff --git a/editor/components/block-drop-zone/index.js b/editor/components/block-drop-zone/index.js
@@ -2,20 +2,24 @@
  * External Dependencies
  */
 import { connect } from 'react-redux';
-import { reduce, get, find } from 'lodash';
+import { reduce, get, find, flow } from 'lodash';
 
 /**
  * WordPress dependencies
  */
-import { DropZone } from '@wordpress/components';
+import { DropZone, withContext } from '@wordpress/components';
 import { getBlockTypes } from '@wordpress/blocks';
 
 /**
  * Internal dependencies
  */
 import { insertBlocks } from '../../actions';
 
-function BlockDropZone( { index, ...props } ) {
+function BlockDropZone( { index, isLocked, ...props } ) {
+	if ( isLocked ) {
+		return null;
+	}
+
 	const dropFiles = ( files, position ) => {
 		const transformation = reduce( getBlockTypes(), ( ret, blockType ) => {
 			if ( ret ) {
@@ -45,7 +49,16 @@ function BlockDropZone( { index, ...props } ) {
 	);
 }
 
-export default connect(
-	undefined,
-	{ insertBlocks }
+export default flow(
+	connect(
+		undefined,
+		{ insertBlocks }
+	),
+	withContext( 'editor' )( ( settings ) => {
+		const { templateLock } = settings;
+
+		return {
+			isLocked: !! templateLock,
+		};
+	} )
 )( BlockDropZone );
diff --git a/editor/components/default-block-appender/test/__snapshots__/index.js.snap b/editor/components/default-block-appender/test/__snapshots__/index.js.snap
@@ -6,7 +6,7 @@ exports[`DefaultBlockAppender no block present should match snapshot 1`] = `
 <div
   className="editor-default-block-appender"
 >
-  <Connect(BlockDropZone) />
+  <WrappedComponent />
   <input
     className="editor-default-block-appender__content"
     onClick={[Function]}