'use strict';

import React from 'react';
import ReactNative from 'react-native';
import Immutable, {Map} from 'immutable';

const {
  AppRegistry,
  StyleSheet,
  View,
  Dimensions,
  TouchableOpacity,
  WebView,
} = ReactNative;


export default class DetailText extends React.Component {
    constructor(props) {
        super(props);
    }

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


    render() {
		let {resource} = this.props;
		let template_name = resource.get('data');
		let text = template_name.get('text');

		return (
			<View style={{flex:1}}>
				<WebView style={styles.webview_style}
					source= {{html: text}}
					scrollEnabled={false}
				>
				</WebView>
			</View>
		);
		return null;
    }
};


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

let styles = StyleSheet.create({
	webview_style: {
		backgroundColor: 'red',
		height: 100,
	},
});