[RNMobile] Gallery - Add append logic to MediaPlaceholder (#18262)

* Add append logic to MediaPlaceholder for gallery * Fix lint errors
WordPress · Nov 7, 2019 · 6b4cf2c · 6b4cf2c
1 parent ad35eda
commit 6b4cf2c
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/packages/block-editor/src/components/media-placeholder/index.native.js b/packages/block-editor/src/components/media-placeholder/index.native.js
@@ -2,6 +2,7 @@
  * External dependencies
  */
 import { View, Text, TouchableWithoutFeedback } from 'react-native';
+import { uniqBy } from 'lodash';
 
 /**
  * WordPress dependencies
@@ -22,6 +23,7 @@ import styles from './styles.scss';
 
 function MediaPlaceholder( props ) {
 	const {
+		addToGallery,
 		allowedTypes = [],
 		labels = {},
 		icon,
@@ -30,8 +32,13 @@ function MediaPlaceholder( props ) {
 		disableMediaButtons,
 		getStylesFromColorScheme,
 		multiple,
+		value = [],
 	} = props;
 
+	const setMedia = multiple && addToGallery ?
+		( selected ) => onSelect( uniqBy( [ ...value, ...selected ], 'id' ) ) :
+		onSelect;
+
 	const isOneType = allowedTypes.length === 1;
 	const isImage = isOneType && allowedTypes.includes( MEDIA_TYPE_IMAGE );
 	const isVideo = isOneType && allowedTypes.includes( MEDIA_TYPE_VIDEO );
@@ -103,7 +110,7 @@ function MediaPlaceholder( props ) {
 		<View style={ { flex: 1 } }>
 			<MediaUpload
 				allowedTypes={ allowedTypes }
-				onSelect={ onSelect }
+				onSelect={ setMedia }
 				multiple={ multiple }
 				render={ ( { open, getMediaOptions } ) => {
 					return (