From c6fa13f54b5875f8b1ecf7503b61a63d42f5e025 Mon Sep 17 00:00:00 2001
From: Marko Savic <savicmarko1985@gmail.com>
Date: Wed, 23 Jan 2019 13:05:15 +0100
Subject: [PATCH 1/2] Added camera capture photo button

---
 .../editor/src/components/media-placeholder/index.native.js  | 5 +++--
 .../src/components/media-placeholder/styles.native.scss      | 1 +
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/editor/src/components/media-placeholder/index.native.js b/packages/editor/src/components/media-placeholder/index.native.js
index f21a5401575e27..0b70472c2407f9 100644
--- a/packages/editor/src/components/media-placeholder/index.native.js
+++ b/packages/editor/src/components/media-placeholder/index.native.js
@@ -17,9 +17,10 @@ function MediaPlaceholder( props ) {
 				{ __( 'Upload a new image or select a file from your library.' ) }
 			</Text>
 			<View style={ styles.emptyStateButtonsContainer }>
-				<Button title={ __( 'Upload' ) } onPress={ props.onUploadMediaPressed } />
-				<Button title={ __( 'Media Library' ) } onPress={ props.onMediaLibraryPressed } />
+				<Button title={ __( 'Device Library' ) } onPress={ props.onUploadMediaPressed } />
+				<Button title={ __( 'Take photo' ) } onPress={ props.onCapturePhotoPressed } />
 			</View>
+			<Button title={ __( 'Media Library' ) } onPress={ props.onMediaLibraryPressed } />
 		</View>
 	);
 }
diff --git a/packages/editor/src/components/media-placeholder/styles.native.scss b/packages/editor/src/components/media-placeholder/styles.native.scss
index 75a1663cd27c7b..0014afe089ac51 100644
--- a/packages/editor/src/components/media-placeholder/styles.native.scss
+++ b/packages/editor/src/components/media-placeholder/styles.native.scss
@@ -19,6 +19,7 @@
 
 .emptyStateButtonsContainer {
 	margin-top: 15;
+	margin-bottom: 15;
 	flex-direction: row;
 	justify-content: space-evenly;
 	width: 100%;

From bf73e5f65eb43dfa8e03b8466454823fb4ddbb27 Mon Sep 17 00:00:00 2001
From: Marko Savic <savicmarko1985@gmail.com>
Date: Wed, 23 Jan 2019 13:05:45 +0100
Subject: [PATCH 2/2] Assign the callback to camera capture button

---
 packages/block-library/src/image/edit.native.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/packages/block-library/src/image/edit.native.js b/packages/block-library/src/image/edit.native.js
index b837a9d8ca9547..0b5a8903e5efac 100644
--- a/packages/block-library/src/image/edit.native.js
+++ b/packages/block-library/src/image/edit.native.js
@@ -7,6 +7,7 @@ import {
 	subscribeMediaUpload,
 	onMediaLibraryPressed,
 	onUploadMediaPressed,
+	onCapturePhotoPressed,
 } from 'react-native-gutenberg-bridge';
 
 /**
@@ -104,10 +105,20 @@ export default class ImageEdit extends React.Component {
 				} );
 			};
 
+			const onCapturePhotoButtonPressed = () => {
+				onCapturePhotoPressed( ( mediaId, mediaUri ) => {
+					if ( mediaUri ) {
+						this.addMediaUploadListener( );
+						setAttributes( { url: mediaUri, id: mediaId } );
+					}
+				} );
+			};
+
 			return (
 				<MediaPlaceholder
 					onUploadMediaPressed={ onUploadMediaButtonPressed }
 					onMediaLibraryPressed={ onMediaLibraryButtonPressed }
+					onCapturePhotoPressed={ onCapturePhotoButtonPressed }
 				/>
 			);
 		}