Add platform specific menu

Author: alexslavr

components/NoteList.js

@@ -12,7 +12,7 @@ export class NoteList extends Component {
     onNavigateNote: PropTypes.func
   }
 
-  removeNote = noteId => {
+  onRemoveNote = noteId => {
     Alert.alert(
       'Remove Note',
       'Do you want to remove note ?',
@@ -25,7 +25,7 @@ export class NoteList extends Component {
 
   renderDeleteButton = ({ item }) => (
     <View style={{ flex: 1, alignItems: 'flex-end' }}>
-      <RemoveButton onPress={() => this.removeNote(item.id)} />
+      <RemoveButton onPress={() => this.onRemoveNote(item.id)} />
     </View>
   )
 

components/NoteListItem.js

@@ -67,13 +67,21 @@ export class NoteListItem extends Component {
     }
   }
 
-  onOpenMenu = () => {
+  showActionSheet = options => {
+    ActionSheetIOS.showActionSheetWithOptions(options, this.onPressMenu)
+  }
+
+  showPopupMenu = options => {
     const button = findNodeHandle(this._buttonRef)
+    UIManager.showPopupMenu(button, options, (e) => console.error(e), (e, i) => this.onPressMenu(i))
+  }
+
+  onOpenMenu = () => {
     const options = [ 'Edit', 'Delete' ]
 
     Platform.select({
-      ios: ActionSheetIOS.showActionSheetWithOptions(options, this.onPressMenu),
-      android: UIManager.showPopupMenu(button, options, (e) => console.error(e), (e, i) => this.onPressMenu(i))
+      ios: this.showActionSheet(options),
+      android: this.showPopupMenu(options)
     })
   }
 

containers/Projects.js

@@ -5,7 +5,7 @@ import { connect } from 'react-redux'
 import { bindActionCreators } from 'redux'
 import { actions } from '../redux/actions'
 
-export class Projects extends Component {
+export class Projects extends PureComponent {
   static navigationOptions = ({ navigation }) => ({
     headerRight: (
       <AddButton onPress={navigation.getParam('onRightButtonPress')} />