// Main Route Config
export const Navigation = createStackNavigator(
  {
    Daftar: {
      screen: Daftar,
      navigationOptions: {
        header: null,
        headerLeft: null,
      },
    },
    Verifikasi: {
      screen: Verifikasi,
    },

    Login: {
      screen: Login,
    },
    inti: {
      screen: BottomNav,
      navigationOptions: {
        header: null,
      },
    },
    Perbarui: {
      screen: Perbarui,
    },
    Detail: {
      screen: Detail,
    },
    Profilsaya: {
      screen: Profilsaya,
    },
    Penanggungjawab: {
      screen: Penanggungjawab,
    },
    Pembayaran: {
      screen: Pembayaran,
    },
    Ubahsandi: {
      screen: Ubahsandi,
    },
    Pengingat: {
      screen: Pengingat,
    },
    Unggahmenu: {
      screen: Unggahmenu,
    },
    Hub: {
      screen: Hub,
    },
    Privacy: {
      screen: Privacy,
    },
    Terms: {
      screen: Terms,
    },
    Lupa: {
      screen: Lupa,
    },
    Konfirmasi: {
      screen: Konfirmasi,
    },
    Unggah: {
      screen: Unggah,
    },
  },
  {
    initialRouteName: 'Login',
  },
);

// Setting ReduxNavigation with state
const AppNavigator = createReduxContainer(Navigation, 'root');
export const navReducer = createNavigationReducer(AppNavigator);

class ReduxNavigation extends PureComponent {
  componentDidMount() {
    BackHandler.addEventListener('hardwareBackPress', this.onBackPress);
  }

  componentWillUnmount() {
    BackHandler.removeEventListener('hardwareBackPress', this.onBackPress);
  }

  onBackPress = () => {

    const { navigation, dispatch, nav } = this.props;
    console.warn("navigation in the end", navigation.routes[0].index === 0)
    // if (navigation.index === 0) {
    //   ToastAndroid.show('Press back again to exit!', ToastAndroid.SHORT);
    //   return false;
    // }

    dispatch(NavigationActions.navigate({routeName: "PESANAN"}));
    return true;
  };

  render() {
    const {navigation, dispatch, width, height} = this.props;

    return <AppNavigator state={navigation} dispatch={dispatch} />;
  }
}

const mapStateToProps = state => ({
  navigation: state.nav,
});

export default connect(mapStateToProps)(ReduxNavigation);