'use strict';

import React from 'react';
import ReactNative from 'react-native';

const {
    View,
    TouchableOpacity,
    StyleSheet,
    Dimensions,
	Image,
	Text,
} = ReactNative;

import Immutable, {Map} from 'immutable';

export default class GetPurchaseCell extends React.Component {

    constructor(props) {
        super (props);
    }

    shouldComponentUpdate(nextProps){
        if (Immutable.is(nextProps.resource, this.props.resource)) {
            return false;
        } else {
            return true;
        }
    }

    render() {
		let resource = this.props.resource;
		let backgroundHeigt = resource == '0' ? 40 + 20 : 40;

		return(
			<View style={{alignItems: 'center',justifyContent: 'center',height: backgroundHeigt,width:width,backgroundColor: 'white'}}>
				<TouchableOpacity activeOpacity={0.5} onPress={() => {
					this.props.onPressHowToGetCodeLink && this.props.onPressHowToGetCodeLink();
				}}>
					<View style={styles.title}>
						<Text style={styles.text}>如何获得限购码？</Text>
						<Image source={require('../../image/community_enter_normal.png')} style={styles.timeThumb} />
					</View>
				</TouchableOpacity>
				{resource == '0' ? <View style={{width: width,height: 20,backgroundColor: '#e5e5e5',}}/> : null}
			</View>
		);
    }
}

let {width, height} = Dimensions.get('window');

let styles = StyleSheet.create({
	titleView: {
		alignItems: 'center',
		justifyContent: 'center',
		height: 40 + 20,
		width:width,
		backgroundColor: 'white',
	},
	title: {
		flexDirection: 'row',
		alignItems: 'center',
		marginLeft: 20,
		height: 40,
		width:width - 20,
		justifyContent: 'space-between',
		backgroundColor: 'white',
	},
	text: {
		color: 'black',
	},
	timeThumb: {
		height: 40,
		width:40,
	},
});