import _ from 'lodash';
import React, { Component } from 'react';
import { View, Text, ListView } from 'react-native';
import { connect } from 'react-redux';
import { cursadasFetch } from '../actions/';
import ItemCursada from './Cursada/ItemCursada';
import MyActionButton from '../components/ActionButton';


class ListaCursadas extends Component  {

	componentWillMount() {
    this.props.cursadasFetch();
		this.createDataSource(this.props);
	}
	componentWillReceiveProps(nextProps) {
		this.createDataSource(nextProps);
	}

	createDataSource({cursadas,cursos}){
    //const {cursadas, cursos} = cursada;

		const ds = new ListView.DataSource({
			rowHasChanged: (r1,r2) => r1 !== r2
		});
		this.dataSource = ds.cloneWithRows(cursadas);
	}

	renderRow(data) {
		return <ItemCursada data={data}/>;
	}

	render() {
		if (this.props.error) {
			return (
				<View>
					<Text>Error obteniendo las cursadas</Text>
				</View>
			);
		}

		return (
		<View>
		      <ListView
		        enableEmptySections
		        dataSource={this.dataSource}
		        renderRow={this.renderRow} />
					<MyActionButton />
		</View>
		);
	}
};

const mapStateToProps = state => {
	const { cursadas, cursos, error }  = state.cursadasR;
	//console.log(state.cursadasR);
	return { cursadas, cursos, error };
};

export default connect(mapStateToProps, { cursadasFetch })(ListaCursadas);