'use strict';

import React from 'react';
import ReactNative from 'react-native';
import ImageSlider from '../cell/ImageSlider';
import Immutable, {Map} from 'immutable';

const {
    View,
    Image,
    TouchableOpacity,
    StyleSheet,
    Dimensions,
    Platform,
} = ReactNative;


export default class SingleImage extends React.Component {

    constructor(props) {
        super (props);

    }

    shouldComponentUpdate(nextProps){
        if (Immutable.is(nextProps.data, this.props.data)) {
            return false;
        } else {
            return true;
        }
    }
    
    render() {
        return (
            <ImageSlider
                resource={this.props.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(100 * DEVICE_WIDTH_RATIO);