- more!

app/containers/Auction.js

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

app/containers/Event.js

@@ -0,0 +1,34 @@
+import { connect } from 'react-redux';
+
+import { fetchEvent } from '../actions/events.js';
+import { getEventById } from '../selectors/events.js';
+
+import Event from '../screens/Event.js';
+
+const matchStateToProps = (state) => {
+  const eventId = state.get('activeEvent');
+  const event = getEventById(state, eventId);
+
+  return {
+    description: event.get('description'),
+    endTime: event.get('endTime'),
+    id: event.get('id'),
+    images: event.get('images'),
+    isTicketed: event.get('isTicketed'),
+    posts: event.get('posts'),
+    requireLoginToSeeAuction: event.get('requireLoginToSeeAuction'),
+    showFrom: event.get('showFrom'),
+    showUntil: event.get('showUntil'),
+    startTime: event.get('startTime'),
+    tagline: event.get('tagline'),
+    ticketClasses: event.get('ticketClasses'),
+    title: event.get('title'),
+    url: event.get('url'),
+  };
+};
+
+const mapDispatchToProps = (dispatch) => ({
+  fetchEvent: () => dispatch(fetchEvent(dispatch)),
+});
+
+export default connect(matchStateToProps, mapDispatchToProps)(Event);

app/containers/Events.js

@@ -0,0 +1,19 @@
+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/containers/Item/Item.js

@@ -0,0 +1,16 @@
+export const matchStateToProps = (state, ownProps) => {
+  const { item } = ownProps;
+
+  return {
+      description: item.get('description'),
+      donor: item.get('donor'),
+      end: item.get('end'),
+      id: item.get('id'),
+      images: item.get('images').toArray(),
+      start: item.get('start'),
+      startingPrice: item.get('startingPrice'),
+      subtitle: item.get('subtitle'),
+      title: item.get('title'),
+      type: item.get('type'),
+  };
+};

app/containers/Item/List.js

@@ -0,0 +1,6 @@
+import { connect } from 'react-redux';
+
+import { mapStateToProps } from './Item.js';
+import ItemRow from '../../components/Item/List.js';
+
+export default connect(mapStateToProps, null)(ItemRow);