'use strict';

import React from 'react';
import ReactNative from 'react-native';
import ImageSlider from '../cell/ImageSlider';
import Immutable from 'immutable';

const {
    StyleSheet,
    Dimensions,
    View,
} = ReactNative;


export default class Focus extends React.Component {

    constructor(props) {
        super(props);
    }

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

    render() {
        let {data} = this.props;
        let sliderHeight = Math.ceil(this.props.height * DEVICE_WIDTH_RATIO);

        return (
            <View style={{height:sliderHeight, width:width}}>
                <ImageSlider
                    resource={data}
                    sliderWidth={width}
                    sliderHeight={sliderHeight}
                    resourceJumpWithUrl={this.props.resourceJumpWithUrl}
                />
            </View>

        );
    }
}

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

const DEVICE_WIDTH_RATIO = width / 375;

let styles = StyleSheet.create({
    banner: {},
});