part 7

Author: rwieruch

src/constants/actionTypes.js

@@ -0,0 +1 @@
+export const STORY_ARCHIVE = 'STORY_ARCHIVE';

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 { STORY_ARCHIVE } from './constants/actionTypes';
 import './index.css';
 import registerServiceWorker from './registerServiceWorker';
 
 ReactDOM.render(
   <App
     stories={store.getState().storyState}
-    onArchive={() => {}}
+    onArchive={id => store.dispatch({ type: STORY_ARCHIVE, id })}
   />,
   document.getElementById('root')
 );

src/reducers/archive.js

@@ -1,7 +1,15 @@
+import { STORY_ARCHIVE } from '../constants/actionTypes';
+
 const INITIAL_STATE = [];
 
+const applyArchiveStory = (state, action) =>
+  [ ...state, action.id ];
+
 function archiveReducer(state = INITIAL_STATE, action) {
   switch(action.type) {
+    case STORY_ARCHIVE : {
+      return applyArchiveStory(state, action);
+    }
     default : return state;
   }
 }