'use strict';

import React from 'react';
import ReactNative from 'react-native';
import ImageSlider from '../cell/ImageSlider';
import Immutable, {Map} 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;

        return (
            <ImageSlider 
                resource={data}
                sliderWidth={width}
                sliderHeight={sliderHeight}
                onPressSlideItem={this.props.onPressSlideItem}
            />
        );
    }
}

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

const DEVICE_WIDTH_RATIO = width / 320;
let sliderHeight = Math.ceil(155 * DEVICE_WIDTH_RATIO);

let styles = StyleSheet.create({
    banner: {

    },
});