-More!

app/screens/Auction.js

@@ -4,7 +4,6 @@ import PropTypes from 'prop-types';
 
 import {
   FlatList,
-  StyleSheet,
   Text,
   View,
 } from 'react-native';
@@ -12,12 +11,15 @@ import {
 import { SORT_MODES, AUCTION_VIEW_MODES } from '../constants/constants.js';
 
 import FilterBar from '../components/Auction/FilterBar.js';
-import ListItem from '../containers/Item/List.js';
+import AuctionListItem from '../containers/Auction/AuctionListItem.js';
+
+import styles from './Auction.styles.js';
 
 export default class Auction extends Component {
   static get propTypes() {
     return {
       changeFilter: PropTypes.func,
+      changeViewMode: PropTypes.func.isRequired,
       fetchItems: PropTypes.func.isRequired,
       fetchStatus: PropTypes.func.isRequired,
       items: PropTypes.oneOfType([
@@ -55,13 +57,9 @@ export default class Auction extends Component {
       this.props.changeFilter('auction', filter);
   }
 
-  changeViewMode(mode) {
-    this.setState({ view: mode });
-  }
-
   _keyExtractor = (item, index) => `${item._id}_${index}`;
 
-  _renderItem = ({ item }) => <ListItem item={item} />;
+  _renderAuctionListItem = ({ item }) => <AuctionListItem item={item} />;
 
   render() {
     const { items } = this.props;
@@ -71,13 +69,12 @@ export default class Auction extends Component {
       <View style={styles.container}>
         <FilterBar
           changeFilterer={this.changeFilter}
-          changeViewMode={this.changeViewMode}
         />
         {items.size > 0 && (
           <FlatList
             data={items}
             keyExtractor={this._keyExtractor}
-            renderItem={this._renderItem(view)}
+            renderItem={this._renderAuctionListItem}
             contentContainerStyle={styles.itemListContentContainer}
             style={styles.itemList}
           />
@@ -86,19 +83,3 @@ export default class Auction extends Component {
     );
   }
 }
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '#F5FCFF',
-  },
-  itemList: {
-    width: '100%',
-  },
-  itemListContentContainer: {
-    alignItems: 'stretch',
-    justifyContent: 'flex-start',
-  },
-});