- Reorg andf cleanup. Maintainability.

app/components/AppHeader/HeaderContentLeft.js

@@ -39,7 +39,6 @@ HeaderContentLeft.propTypes = {
     activeRoute: PropTypes.string.isRequired,
     hasActiveEvent: PropTypes.bool,
     hasMultipleEvents: PropTypes.bool,
-    navigation: PropTypes.func.isRequired,
 };
 
 HeaderContentLeft.defaultProps = {

app/components/AppHeader/HeaderTitle/HeaderTitle.js

@@ -50,7 +50,6 @@ HeaderTitle.propTypes = {
     activeRoute: PropTypes.string.isRequired,
     hasActiveEvent: PropTypes.bool,
     hasMultipleEvents: PropTypes.bool.isRequired,
-    navigation: PropTypes.func.isRequired,
 };
 
 HeaderTitle.defaultProps = {

app/components/AppHeader/IconButtons/BackIcon.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 import { TouchableOpacity } from 'react-native';
-import { Icon } from 'react-native-elements';
+import Icon from 'react-native-vector-icons';
 
 export default function BackIcon({ action }) {
     return (

app/components/AppHeader/IconButtons/EventsIcon.js

@@ -5,7 +5,7 @@ import { TouchableOpacity } from 'react-native';
 import { Icon } from 'react-native-elements';
 
 export default function EventsIcon({ action }) {
-    const renderEventsIcon = () => <Icon name="ei-calendar" type="evilicons" size={28} />;
+    const renderEventsIcon = () => <Icon name="calendar" type="evilicon" size={28} />;
 
     if (action) {
         return <TouchableOpacity onPress={action}>{renderEventsIcon()}</TouchableOpacity>;

app/components/Auction/AuctionListItem.container.js

@@ -2,7 +2,7 @@ import { connect } from 'react-redux';
 
 import { placeBid } from '../../actions/auction.js';
 
-import AuctionListItem from '../../components/Auction/AuctionListItem.js';
+import AuctionListItem from './AuctionListItem.js';
 
 const mapStateToProps = (state, ownProps) => {
     const { item } = ownProps;
@@ -27,5 +27,5 @@ const mapDispatchToProps = (dispatch) => ({
 
 export default connect(
     mapStateToProps,
-    null,
+    mapDispatchToProps,
 )(AuctionListItem);

app/components/Auction/AuctionListItem.js

@@ -5,8 +5,8 @@ import { StyleSheet, TouchableOpacity, Text, Image, View } from 'react-native';
 
 import GallerySwiper from 'react-native-gallery-swiper';
 
-import AuctionPriceAndBidCount from '../../containers/Auction/AuctionPriceAndBidCount.js';
+import AuctionPriceAndBidCount from './AuctionPriceAndBidCount.container.js';
-import BidStatus from '../../containers/Auction/BidStatus.js';
+import BidStatus from './BidStatus.container.js';
 
 import { ITEM_TYPES } from '../../constants/constants.js';
 import { formatPrice, getAuctionTime } from '../../library/helpers.js';

app/components/Auction/AuctionPriceAndBidCount.container.js

@@ -2,7 +2,7 @@ import { connect } from 'react-redux';
 
 import { getItemBidCount, getItemPrice } from '../../selectors/auctions.js';
 
-import AuctionPriceAndBidCount from '../../components/Auction/AuctionPriceAndBidCount.js';
+import AuctionPriceAndBidCount from './AuctionPriceAndBidCount.js';
 
 function mapStateToProps(state, ownProps) {
     const { itemId } = ownProps;

app/components/Auction/BidStatus.container.js

@@ -2,7 +2,7 @@ import { connect } from 'react-redux';
 
 import { isBiddingItem, isWinningItem } from '../../selectors/auctions.js';
 
-import AuctionPriceAndBidCount from '../../components/Auction/BidStatus.js';
+import AuctionPriceAndBidCount from './BidStatus.js';
 
 function mapStateToProps(state, ownProps) {
     const { itemId } = ownProps;

app/components/Events/EventListItem.container.js

@@ -1,7 +1,7 @@
 import { connect } from 'react-redux';
 
 import { setActiveEvent } from '../../actions/events.js';
-import EventListItem from '../../components/Events/EventListItem.js';
+import EventListItem from './EventListItem.js';
 
 const mapStateToProps = (state, ownProps) => {
     const { event } = ownProps;

app/containers/Events.js

@@ -1,22 +0,0 @@
-import { connect } from 'react-redux';
-
-import { fetchEvents } from '../actions/events.js';
-import { getEventsAsList } from '../selectors/events.js';
-
-import Events from '../screens/Events.js';
-
-const matchStateToProps = (state) => {
-    const events = getEventsAsList(state);
-    console.log('events:', events);
-
-    return { events };
-};
-
-const mapDispatchToProps = (dispatch) => ({
-    fetchEvents: () => dispatch(fetchEvents(dispatch)),
-});
-
-export default connect(
-    matchStateToProps,
-    mapDispatchToProps,
-)(Events);

app/router.js

@@ -145,7 +145,7 @@ export const Tabs = createBottomTabNavigator({
         navigationOptions: {
             tabBarLabel: 'Profile',
             tabBarIcon: ({ tintColor }) => (
-                <Icon name="ios-person" type="font-awesome" size={28} color={tintColor} />
+                <Icon name="user" type="evilicon" size={28} color={tintColor} />
             ),
         },
     },

app/screens/Auction.js

@@ -7,7 +7,7 @@ import { FlatList, Text, View } from 'react-native';
 import { SORT_MODES, AUCTION_VIEW_MODES } from '../constants/constants.js';
 
 import FilterBar from '../components/Auction/FilterBar.js';
-import AuctionListItem from '../containers/Auction/AuctionListItem.js';
+import AuctionListItem from '../components/Auction/AuctionListItem.container.js';
 
 import styles from './Auction.styles.js';
 

app/screens/Events.js

@@ -2,9 +2,9 @@ import { List } from 'immutable';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 
-import { FlatList, StyleSheet, View } from 'react-native';
+import { ActivityIndicator, FlatList, StyleSheet, View } from 'react-native';
 
-import EventListItem from '../containers/Events/EventListItem.js';
+import EventListItem from '../components/Events/EventListItem.container.js';
 
 export default class Events extends Component {
     static get propTypes() {
@@ -41,7 +41,7 @@ export default class Events extends Component {
 
         return (
             <View style={styles.container}>
-                {events.size > 0 && (
+                {events.size > 0 ? (
                     <FlatList
                         data={events}
                         keyExtractor={this._keyExtractor}
@@ -49,6 +49,8 @@ export default class Events extends Component {
                         contentContainerStyle={styles.eventListContentContainer}
                         style={styles.eventList}
                     />
+                ) : (
+                    <ActivityIndicator animating={true} />
                 )}
             </View>
         );