- more tweaks and fixes.... still not running

app/screens/Events.container.js

@@ -6,10 +6,9 @@ import { getEventsAsList } from '../selectors/events.js';
 
 import Events from './Events.js';
 
-const matchStateToProps = (state) => {
-    const events = getEventsAsList(state);
-    return { events };
-};
+const matchStateToProps = (state) => ({
+    events: getEventsAsList(state),
+});
 
 const mapDispatchToProps = (dispatch) => ({
     fetchEvents: () => dispatch(fetchEvents()),

app/screens/Events.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 
 import { FlatList, StyleSheet, View } from 'react-native';
 
-import EventListItem from '../components/Events/EventListItem.js';
+import EventListItem from '../containers/Events/EventListItem.js';
 
 export default class Events extends Component {
     static get propTypes() {
@@ -17,20 +17,15 @@ export default class Events extends Component {
 
     static get defaultProps() {
         return {
-            events: new List(),
+            events: [],
         };
     }
 
     constructor(props) {
         super(props);
-
         this._setActiveEvent = this.setActiveEvent.bind(this);
     }
 
-    componentDidMount() {
-        this.props.fetchEvents();
-    }
-
     setActiveEvent(eventId) {
         this.props.setActiveEvent(eventId);
     }
@@ -38,7 +33,7 @@ export default class Events extends Component {
     _keyExtractor = (event, index) => `${event.id}_${index}`;
 
     _renderEventListItem = ({ event }) => (
-        <EventListItem {...event} setActiveEvent={this.setActiveEvent} />
+        <EventListItem event={event} setActiveEvent={this.setActiveEvent} />
     );
 
     render() {
@@ -67,5 +62,8 @@ const styles = StyleSheet.create({
         alignItems: 'center',
         backgroundColor: '#F5FCFF',
     },
-    eventListContentContainer: {},
+    eventListContentContainer: {
+        alignItems: 'stretch',
+        justifyContent: 'flex-start',
+    },
 });