'use strict';

import React from 'react';
import ReactNative from 'react-native';
import Immutable, {Map} from 'immutable';

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


export default class MoreLink 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;
		let data = resource.get('data');
		let url = data?data.get('url'):null;
		return(
			<TouchableOpacity activeOpacity={0.5} onPress={() => {
				this.props.onPressMoreLink && this.props.onPressMoreLink(url);
			}}>
				<View style={styles.titleB}>
					<View style={{width: width,height: 0.5,backgroundColor: '#e5e5e5',}}/>
					<View style={styles.title}>
						<Text style={styles.text}>更多商品</Text>
						<Image source={require('../../image/community_enter_normal.png')} style={styles.timeThumb}></Image>
					</View>
					<View style={{width: width,height: 0.5,backgroundColor: '#e5e5e5',}}/>
				</View>
			</TouchableOpacity>
		);
	}

};


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

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