'use strict';

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

const {
    StyleSheet,
    Dimensions,
} = 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 (
            <ImageSlider
                resource={data}
                sliderWidth={width}
                sliderHeight={sliderHeight}
                resourceJumpWithUrl={this.props.resourceJumpWithUrl}
            />
        );
    }
}

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

const DEVICE_WIDTH_RATIO = width / 375;

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