Small cleanup

packages/block-editor/src/components/inserter/menu.native.js

@@ -92,27 +92,30 @@ export class InserterMenu extends Component {
 						keyboardShouldPersistTaps="always"
 						numColumns={ this.state.numberOfColumns }
 						data={ this.props.items }
-						ItemSeparatorComponent={ () =>
-							<View style={ styles.rowSeparator } />
-						}
+						ItemSeparatorComponent={ () => <View style={ styles.rowSeparator } /> }
 						keyExtractor={ ( item ) => item.name }
-						renderItem={ ( { item } ) =>
+						renderItem={ ( { item } ) => (
 							<TouchableHighlight
 								style={ styles.touchableArea }
 								underlayColor="transparent"
-								activeOpacity={ .5 }
+								activeOpacity={ 0.5 }
 								accessibilityLabel={ item.title }
-								onPress={ () => this.props.onSelect( item ) }>
-								<View style={ [ styles.modalItem, { flex: 1, justifyContent: 'flex-start', maxWidth: modalItemMaxWidth } ] }>
+								onPress={ () => this.props.onSelect( item ) }
+							>
+								<View style={ [ styles.modalItem, { flex: 1, maxWidth: modalItemMaxWidth } ] }>
 									<View style={ modalIconWrapperStyle }>
 										<View style={ modalIconStyle }>
-											<Icon icon={ item.icon.src } fill={ modalIconStyle.fill } size={ modalIconStyle.width } />
+											<Icon
+												icon={ item.icon.src }
+												fill={ modalIconStyle.fill }
+												size={ modalIconStyle.width }
+											/>
 										</View>
 									</View>
 									<Text style={ modalItemLabelStyle }>{ item.title }</Text>
 								</View>
 							</TouchableHighlight>
-						}
+						) }
 					/>
 				</TouchableHighlight>
 			</BottomSheet>

packages/block-editor/src/components/inserter/style.native.scss

@@ -20,7 +20,7 @@
 
 .modalItem {
 	flex-direction: column;
-	justify-content: center;
+	justify-content: flex-start;
 	align-items: center;
 	padding-left: 8;
 	padding-right: 8;

packages/components/src/mobile/bottom-sheet/index.native.js

@@ -36,7 +36,7 @@ class BottomSheet extends Component {
 		};
 
 		SafeArea.getSafeAreaInsetsForRootView().then( this.onSafeAreaInsetsUpdate );
-		Dimensions.addEventListener('change', this.onSetMaxHeight)
+		Dimensions.addEventListener( 'change', this.onSetMaxHeight );
 	}
 
 	componentDidMount() {
@@ -87,13 +87,12 @@ class BottomSheet extends Component {
 	}
 
 	onSetMaxHeight() {
-		const { height } = Dimensions.get('window');
+		const { height } = Dimensions.get( 'window' );
 		const { safeAreaBottomInset } = this.state;
 
-		this.setState({ maxHeight: height / 2 - safeAreaBottomInset })
+		this.setState( { maxHeight: height / 2 - safeAreaBottomInset } );
 	}
 
-
 	render() {
 		const {
 			title = '',
@@ -109,15 +108,17 @@ class BottomSheet extends Component {
 
 		const panResponder = PanResponder.create( {
 			onMoveShouldSetPanResponder: ( evt, gestureState ) => {
-				// Temporarily disable 'swiping-to-close' option on Android
+				// 'swiping-to-close' option is temporarily and partially disabled
+				//	on Android ( swipe / drag is still available in the top most area - near drag indicator)
 				if ( Platform.OS === 'ios' ) {
 					// Activates swipe down over child Touchables if the swipe is long enough.
 					// With this we can adjust sensibility on the swipe vs tap gestures.
 					if ( gestureState.dy > 3 && ! this.state.bounces ) {
 						gestureState.dy = 0;
 						return true;
 					}
-				} return false;
+				}
+				return false;
 			},
 		} );
 
@@ -172,7 +173,7 @@ class BottomSheet extends Component {
 							styles.content,
 							hideHeader && styles.emptyHeader,
 							{ paddingBottom: this.state.safeAreaBottomInset },
-							contentStyle
+							contentStyle,
 						] }
 					>
 						{ this.props.children }