- implementing immutable.js

app/containers/Auction.js

@@ -0,0 +1,18 @@
+import { connect } from 'react-redux';
+
+import { getItems, getStatus } from '../actions/index.js';
+
+import { getAuctionItemsAsList } from '../selectors/items.js';
+
+import Auction from '../screens/Auction.js';
+
+const matchStateToProps = (state) => ({
+  items: getAuctionItemsAsList(state),
+});
+
+const mapDispatchToProps = (dispatch) => ({
+  fetchItems: () => dispatch(getItems(dispatch)),
+  fetchStatus: () => dispatch(getStatus(dispatch)),
+});
+
+export default connect(matchStateToProps, mapDispatchToProps)(Auction);

app/containers/Auction/AuctionPriceAndBidCount.js

@@ -1,13 +1,15 @@
 import { connect } from 'react-redux';
 
+import { getItemBidCount, getItemPrice } from '../../selectors/auctions.js';
+
 import AuctionPriceAndBidCount from '../../components/Auction/AuctionPriceAndBidCount.js';
 
 function mapStateToProps(state, ownProps) {
-  const { bidCount, currentPrice } = getAuctionItemStatus(state, ownProps.id);
+  const { itemId } = ownProps;
 
   return {
-    bidCount,
-    currentPrice,
+    bidCount: getItemBidCount(state, itemId),
+    currentPrice: getItemPrice(state, itemId),
   };
 }
 

app/containers/Auction/BidStatus.js

@@ -1,20 +1,15 @@
 import { connect } from 'react-redux';
 
+import { isBiddingItem, isWinningItem } from '../../selectors/auctions.js';
+
 import AuctionPriceAndBidCount from '../../components/Auction/BidStatus.js';
 
 function mapStateToProps(state, ownProps) {
-  const {
-    bidCount,
-    currentPrice,
-    isBidding,
-    isWinning,
-  } = getAuctionItemStatus(state, ownProps.id);
+  const { itemId } = ownProps;
 
   return {
-    bidCount,
-    currentPrice,
-    isBidding,
-    isWinning,
+    isBidding: isBiddingItem(state, itemId),
+    isWinning: isWinningItem(state, itemId),
   };
 }