| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- 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);
|