import React, { PureComponent } from 'react';
import { StyleSheet, Text, View, Image, TouchableOpacity, StatusBar, ToastAndroid, TextInput } from 'react-native';
import BasePage from './BasePage';
import SplashScreen from 'react-native-splash-screen';
import commonutil from './utils/commonutil';
import http_showcase from '../pages/services/showcase';
export default class Splash extends BasePage {
	state = {
		exist: false,
		MainPageParams: '',
		boothContent: { uri: '' }
	};
	render() {
		return (
			<View style={{ flex: 1 }}>
				<StatusBar backgroundColor={'transparent'} translucent={true} />
				<Image source={this.state.boothContent} style={{ width: '100%', height: '100%' }} />
			</View>
		);
	}

	componentWillMount() {
		// global.storage.remove({ key: 'userInfo' });
		this.getUserInfo();
	}

	componentDidMount() {}

	async getUserInfo() {
		//判断是否有用户
		await global.storage
			.load({
				key: 'userInfo'
			})
			.then((result) => {
				var usermap = commonutil.jsonToMap(result);
				this.setState({
					exist: true,
					MainPageParams: usermap.get('ageGroup')
				});
				this.getShowCase();
			})
			.catch((err) => {
				console.log(err.message);
				this.getShowCase();
				this.setState({
					exist: false
				});
				switch (err.name) {
					case 'NotFoundError':
						break;
					case 'ExpiredError':
						// TODO
						// alert('ExpiredError');
						break;
				}
			});
	}

	getShowCase() {
		http_showcase.getSTARTING_UP_RECOMMEND().then((res) => {
			console.log('====================================');
			console.log('res', res.data[0].boothContent);
			console.log('====================================');
			this.setState({
				boothContent: { uri: res.data[0].boothContent }
			});
			SplashScreen.hide();
			this.Advertisement();
		});
	}

	//获取用户之后的操作，或者是别的操作。
	Advertisement() {
		//假装3秒广告
		setTimeout(() => {
			if (this.state.exist) {
				this.clearPageToNext('MainPage');
			} else {
				this.clearPageToNext('Login');
			}
		}, 5000);
	}
}