[RNMobile] Add "Set as Featured Image" Button to Image Block (Android Only)

packages/block-library/src/image/edit.native.js

@@ -25,6 +25,7 @@ import {
 	Image,
 	WIDE_ALIGNMENTS,
 	LinkSettingsNavigation,
+	BottomSheet,
 } from '@wordpress/components';
 import {
 	BlockCaption,
@@ -245,6 +246,8 @@ export class ImageEdit extends Component {
 		} );
 	}
 
+	onSetFeatured() {}
+
 	onSetLinkDestination( href ) {
 		this.props.setAttributes( {
 			linkDestination: LINK_DESTINATION_CUSTOM,
@@ -444,6 +447,13 @@ export class ImageEdit extends Component {
 				<PanelBody title={ __( 'Link Settings' ) }>
 					{ this.getLinkSettings( true ) }
 				</PanelBody>
+				<PanelBody>
+					<BottomSheet.Cell
+						label={ __( 'Set as Featured Image' ) }
+						labelStyle={ styles.setFeaturedButton }
+						onPress={ this.onSetFeatured }
+					/>
+				</PanelBody>
 			</InspectorControls>
 		);
 

packages/block-library/src/image/styles.native.scss

@@ -30,3 +30,8 @@
 	padding-right: 0;
 	padding-bottom: $grid-unit;
 }
+
+.setFeaturedButton {
+	text-align: center;
+	color: $blue-medium;
+}

packages/react-native-bridge/android/src/main/java/org/wordpress/mobile/ReactNativeGutenbergBridge/GutenbergBridgeJS2Parent.java

@@ -140,6 +140,8 @@ public static GutenbergUserEvent getEnum(String eventName) {
 
     void requestImageUploadCancel(int mediaId);
 
+    void setFeaturedImage(int mediaId);
+
     void editorDidEmitLog(String message, LogLevel logLevel);
 
     void editorDidAutosave();

packages/react-native-bridge/android/src/main/java/org/wordpress/mobile/ReactNativeGutenbergBridge/RNReactNativeGutenbergBridgeModule.java

@@ -225,6 +225,11 @@ public void requestImageUploadCancel(final int mediaId) {
         mGutenbergBridgeJS2Parent.requestImageUploadCancel(mediaId);
     }
 
+    @ReactMethod
+    public void setFeaturedImage(final int mediaId) {
+        mGutenbergBridgeJS2Parent.setFeaturedImage(mediaId);
+    }
+
     @ReactMethod
     public void requestImageFullscreenPreview(String mediaUrl) {
         mGutenbergBridgeJS2Parent.requestImageFullscreenPreview(mediaUrl);

packages/react-native-bridge/android/src/main/java/org/wordpress/mobile/WPAndroidGlue/WPAndroidGlueCode.java

@@ -316,6 +316,11 @@ public void requestImageUploadCancel(int mediaId) {
                 mOnMediaLibraryButtonListener.onCancelUploadForMediaDueToDeletedBlock(mediaId);
             }
 
+            @Override
+            public void setFeaturedImage(int mediaId) {
+                mOnMediaLibraryButtonListener.onSetFeaturedImageButtonClicked(mediaId);
+            }
+
             @Override
             public void editorDidMount(ReadableArray unsupportedBlockNames) {
                 mOnEditorMountListener.onEditorDidMount(unsupportedBlockNames.toArrayList());

packages/react-native-bridge/index.js

@@ -242,6 +242,12 @@ export function requestImageUploadCancel( mediaId ) {
 	return RNReactNativeGutenbergBridge.requestImageUploadCancel( mediaId );
 }
 
+export function setFeaturedImage( mediaId ) {
+	return RNReactNativeGutenbergBridge.setFeaturedImage(
+		mediaId
+	);
+}
+
 export function getOtherMediaOptions( filter, callback ) {
 	return RNReactNativeGutenbergBridge.getOtherMediaOptions(
 		filter,