part 13

Author: rwieruch

src/components/Stories.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import { connect } from 'react-redux';
-import { doArchiveStory } from '../actions/archive';
 import { getReadableStories } from '../selectors/story';
 import './Stories.css';
 
@@ -28,7 +27,7 @@ const COLUMNS = {
   },
 };
 
-const Stories = ({ stories, onArchive }) =>
+const Stories = ({ stories }) =>
   <div className="stories">
     <StoriesHeader columns={COLUMNS} />
 
@@ -37,7 +36,6 @@ const Stories = ({ stories, onArchive }) =>
         key={story.objectID}
         story={story}
         columns={COLUMNS}
-        onArchive={onArchive}
       />
     )}
   </div>
@@ -58,11 +56,6 @@ const mapStateToProps = state => ({
   stories: getReadableStories(state),
 });
 
-const mapDispatchToProps = dispatch => ({
-  onArchive: id => dispatch(doArchiveStory(id)),
-});
-
 export default connect(
-  mapStateToProps,
-  mapDispatchToProps
+  mapStateToProps
 )(Stories);

src/components/Story.js

@@ -1,4 +1,6 @@
 import React from 'react';
+import { connect } from 'react-redux';
+import { doArchiveStory } from '../actions/archive';
 import { ButtonInline } from './Button';
 import './Story.css';
 
@@ -35,4 +37,11 @@ const Story = ({ story, columns, onArchive }) => {
   );
 }
 
-export default Story;
+const mapDispatchToProps = dispatch => ({
+  onArchive: id => dispatch(doArchiveStory(id)),
+});
+
+export default connect(
+  null,
+  mapDispatchToProps
+)(Story);