text: import React, { Component } from 'react'
  import { connect } from 'react-redux'
  import { Content, Text, ListItem } from 'native-base'
  import { Actions } from 'react-native-router-flux'
  
  import { closeDrawer } from '../../actions/drawer'
  import { setIndex } from '../../actions/list'
  
  import styles from './style'
  
  class SideBar extends Component {
    navigateTo (route) {
      this.props.navigateTo(route, 'home')
    }
  
    render () {
      return (
        <Content style={styles.sidebar}>
          <ListItem button onPress={() => {
            Actions.home()
            this.props.closeDrawer()
          }}>
            <Text>Home</Text>
          </ListItem>
          <ListItem button onPress={() => {
            Actions.blankPage()
            this.props.closeDrawer()
          }}>
            <Text>Blank Page</Text>
          </ListItem>
        </Content>
      )
    }
  }
  
  SideBar.propTypes = {
    // setIndex: React.PropTypes.func,
    closeDrawer: React.PropTypes.func,
    navigateTo: React.PropTypes.func
  }
  
  function bindAction (dispatch) {
    return {
      closeDrawer: () => dispatch(closeDrawer()),
      setIndex: index => dispatch(setIndex(index))
    }
  }
  
  export default connect(null, bindAction)(SideBar)
  