'use strict';

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

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


export default class MineCell extends React.Component {

    constructor(props) {
        super(props);
    }

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

    render() {

        let {resource} = this.props;
        if (!resource || resource.size === 0) {
            return null;
        }
        let list = this.props.resource.toJS();
        if (!list || list.length === 0) {
            return null;
        }
        let item = list[0];

        if (!item) {
            return null;
        }
        return (
            <View>
            <TouchableOpacity
                style={this.props.styles.withdrawView}
                onPress={() => {
                    this.props.resourceJumpWithUrl && this.props.resourceJumpWithUrl(item.url);
                }}
            >
                <Text style={this.props.styles.hasWithDrawText}>{item.name}</Text>
                <View style={[this.props.styles.textView, {flexDirection: 'row', paddingRight: 15}]}>
                    <Image style={this.props.styles.arrowImage} source={require('../../images/arrow.png')}/>
                </View>
                {/*<View style={{height: 10, backgroundColor: '#f0f0f0'}}/>*/}
            </TouchableOpacity>
                <View style={{height: 1, backgroundColor: '#f0f0f0'}}/>
            </View>
        );
    }
}