part 8

Author: rwieruch

src/index.js

@@ -2,13 +2,14 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './components/App';
 import store from './store';
+import { getReadableStories } from './selectors/story';
 import { STORY_ARCHIVE } from './constants/actionTypes';
 import './index.css';
 import registerServiceWorker from './registerServiceWorker';
 
 ReactDOM.render(
   <App
-    stories={store.getState().storyState}
+    stories={getReadableStories(store.getState())}
     onArchive={id => store.dispatch({ type: STORY_ARCHIVE, id })}
   />,
   document.getElementById('root')

src/selectors/story.js

@@ -0,0 +1,9 @@
+const isNotArchived = archivedIds => story =>
+  archivedIds.indexOf(story.objectID) === -1;
+
+const getReadableStories = ({ storyState, archiveState }) =>
+  storyState.filter(isNotArchived(archiveState));
+
+export {
+  getReadableStories,
+};