import React, { Component } from 'react';
import { Platform, StyleSheet, Text, View } from 'react-native';
import { connect } from 'redux-su';
import Login from './Components/Login';
import Map from './Components/Map';
import PortalPanel from './Components/PortalPanel';
import { createStackNavigator, createAppContainer } from 'react-navigation';

const AppNavigator = createStackNavigator({
  Map: {
    screen: Map,
    navigationOptions: {
      header: null,
    }
  },
  Portal: {
    screen: PortalPanel,
    navigationOptions: () => ({
      headerMode: 'float',
      headerBackTitle: null
    })
  },
});
const AppContainer = createAppContainer(AppNavigator)
class App extends Component {
  render() {
    return (
      <View style={{ flex: 1 }}>
        {this.props.auth.user ? <AppContainer /> : <Login />}
      </View>
    );
  }
}

export default connect({ 'auth': 'auth' }, {})(App)