'use strict';

import React from 'react';
import ReactNative, {
	AppRegistry,
	Platform,
	StyleSheet,
	Dimensions,
	TouchableOpacity,
} from 'react-native';
import {
	Provider,
	connect
} from 'react-redux';
import configureStore from './store/configureStore';
import {Record, List, Map} from 'immutable';

import appInitialState from './reducers/app/appInitialState';
import installmentInitialState from './reducers/installment/installmentInitialState';

import InstallmentContainer from './containers/InstallmentContainer';
import OpenContainer from './containers/OpenContainer';

import {
	setPlatform,
	setChannel,
} from './reducers/app/appActions';

function getInitialState() {
	const _initState = {
		app: (new appInitialState()),
    	installment: (new installmentInitialState()),
	};
	return _initState;
}


export default function native(platform) {

	let YH_Installment = React.createClass({
		render() {
			let type = this.props.type;
		  	const store = configureStore(getInitialState());
			store.dispatch(setPlatform(platform));
			let channel = this.props.channel;
			channel && store.dispatch(setChannel(channel));
			console.log(channel);
			if (type == 'installmentHome') {
				return (
					<Provider store={store}>
						<InstallmentContainer />
					</Provider>
				);
			} else if (type == 'openInstall') {
				return (
					<Provider store={store}>
						<OpenContainer />
					</Provider>
				);
			}

		}
	});

	AppRegistry.registerComponent('YH_Installment', () => YH_Installment);
}

let styles = StyleSheet.create({

});