react-native-SubmissionsContainer.js

'use strict'

import React from 'react-native';
import { connect } from 'react-redux/native';
import { fetchSubmissionsList } from '../action_creators/SubmissionsActionCreator';
import { Actions } from 'react-native-router-flux';
import ActionTypes from '../constants/ActionTypes';
import styles from '../styles/application';

let {
  ScrollView,
  View,
  Text,
} = React;

class SubmissionsContainer extends React.Component {
  componentDidMount() {
    this.props.dispatch(fetchSubmissionsList('pending'));
  }

  render() {
    let submissions = this.props.submissions.map((submission) => {
      return (
        <View key={submission.id} style={styles.listItem}>
          <Text style={styles.listItemText}>
            {`${submission.first_name} ${submission.last_name}`}
          </Text>
        </View>
      );
    });

    return (
      <ScrollView style={styles.list}>
        {submissions}
      </ScrollView>
    )
  }
};

function select(state) {
  let submissions = Object.keys(state.submissions)
    .map(k => state.submissions[k]);

  return {
    submissions: submissions
  }
}

export default connect(select)(SubmissionsContainer);