From 4bd4845029dadb1fc502128ea87d74c26a793a8a Mon Sep 17 00:00:00 2001
From: etoledom <etoledom@icloud.com>
Date: Wed, 30 Jan 2019 21:35:37 +0100
Subject: [PATCH] Image settings button (#13597)

* rnmobile: Implement image settings button using InspectorControls.Slot pattern.

* rnmobile: Add missing semicolon
---
 packages/block-library/src/image/edit.native.js | 17 ++++++++++++++++-
 packages/editor/src/components/index.native.js  |  1 +
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/packages/block-library/src/image/edit.native.js b/packages/block-library/src/image/edit.native.js
index 6c5fad9b7b05ec..7413978f2e0123 100644
--- a/packages/block-library/src/image/edit.native.js
+++ b/packages/block-library/src/image/edit.native.js
@@ -14,7 +14,7 @@ import {
 /**
  * Internal dependencies
  */
-import { MediaPlaceholder, RichText, BlockControls } from '@wordpress/editor';
+import { MediaPlaceholder, RichText, BlockControls, InspectorControls } from '@wordpress/editor';
 import { Toolbar, ToolbarButton, Spinner } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import ImageSize from './image-size';
@@ -143,6 +143,10 @@ export default class ImageEdit extends React.Component {
 			);
 		}
 
+		const onImageSettingsButtonPressed = () => {
+
+		};
+
 		const toolbarEditButton = (
 			<Toolbar>
 				<ToolbarButton
@@ -153,6 +157,14 @@ export default class ImageEdit extends React.Component {
 			</Toolbar>
 		);
 
+		const inlineToolbarButtons = (
+			<ToolbarButton
+				label={ __( 'Image Settings' ) }
+				icon="admin-generic"
+				onClick={ onImageSettingsButtonPressed }
+			/>
+		);
+
 		const showSpinner = this.state.isUploadInProgress;
 		const opacity = this.state.isUploadInProgress ? 0.3 : 1;
 		const progress = this.state.progress * 100;
@@ -163,6 +175,9 @@ export default class ImageEdit extends React.Component {
 				<BlockControls>
 					{ toolbarEditButton }
 				</BlockControls>
+				<InspectorControls>
+					{ inlineToolbarButtons }
+				</InspectorControls>
 				<ImageSize src={ url } >
 					{ ( sizes ) => {
 						const {
diff --git a/packages/editor/src/components/index.native.js b/packages/editor/src/components/index.native.js
index d226b4fe46480c..07bd4c9993e6d2 100644
--- a/packages/editor/src/components/index.native.js
+++ b/packages/editor/src/components/index.native.js
@@ -10,3 +10,4 @@ export { default as DefaultBlockAppender } from './default-block-appender';
 export { default as PostTitle } from './post-title';
 export { default as EditorHistoryRedo } from './editor-history/redo';
 export { default as EditorHistoryUndo } from './editor-history/undo';
+export { default as InspectorControls } from './inspector-controls';