import PropTypes from 'prop-types';
import React from 'react';
import { connect } from 'react-redux';
import { Text } from 'react-native';
import setNavigator from './actions/navigator';
import LoginView from './views/login';
import ListServerView from './views/serverList';

import store from './lib/createStore';

export const authenticated = WrappedComponent => class _p extends React.PureComponent {
	constructor() {
		super();
		this.login = store.getState().login;
		console.log('this.login.token', this.login.token);
		if (!this.login.token || this.login.failure) {
			return store.getState().navigator.resetTo({
				screen: 'Login'
			});
		}
	}
	render() {
		// Wraps the input component in a container, without mutating it. Good!
		return <WrappedComponent {...this.props} />;
	}
};
//
export class PublicScreen extends React.PureComponent {
	render() {
		return !this.login.isAuthenticated || !this.login.user ? null : (<ListServerView {...this.props} />);
	}
}


@connect(null, dispatch => ({
	setNavigator: navigator => dispatch(setNavigator(navigator))
}))
export class PrivateScreen extends React.PureComponent {
	render() {
		return (<LoginView {...this.props} />);
	}
}
@connect(() => ({
	// logged: state.login.isAuthenticated
}), dispatch => ({
	setNavigator: navigator => dispatch(setNavigator(navigator))
}))
export const HomeScreen = class extends React.PureComponent {
	static propTypes = {
		setNavigator: PropTypes.func.isRequired,
		navigator: PropTypes.object.isRequired
	}

	componentWillMount() {
		this.props.setNavigator(this.props.navigator);
		this.props.navigator.resetTo({
			screen: 'public'
		});
	}
	render() {
		return (<Text>oieee</Text>);
	}
};