Steps

client/coral-admin/src/AppRouter.js

@@ -7,6 +7,7 @@ import Configure from 'containers/Configure/Configure';
 import Streams from 'containers/Streams/Streams';
 import CommunityContainer from 'containers/Community/CommunityContainer';
 import LayoutContainer from 'containers/LayoutContainer';
+import InstallContainer from 'containers/Install/InstallContainer';
 
 const routes = (
   <Route path='/admin' component={LayoutContainer}>
@@ -15,6 +16,7 @@ const routes = (
     <Route path='community' component={CommunityContainer} />
     <Route path='configure' component={Configure} />
     <Route path='streams' component={Streams} />
+    <Route path='install' component={InstallContainer} />
   </Route>
 );
 

client/coral-admin/src/actions/install.js

@@ -0,0 +1,4 @@
+import * as actions from '../constants/install';
+
+export const nextStep = () => ({type: actions.NEXT_STEP});
+export const previousStep = () => ({type: actions.PREVIOUS_STEP});

client/coral-admin/src/constants/install.js

@@ -0,0 +1,2 @@
+export const NEXT_STEP = 'NEXT_STEP';
+export const PREVIOUS_STEP = 'PREVIOUS_STEP';

client/coral-admin/src/containers/Install/InstallContainer.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import {connect} from 'react-redux';
+import styles from './style.css';
+import {nextStep, previousStep} from '../../actions/install'
+
+const InstallContainer = props => {
+  const {nextStep, previousStep, install} = props;
+
+  return (
+    <div className={styles.Install}>
+      Install:
+      <h1>
+        {install.step}
+      </h1>
+      <button onClick={previousStep}>Previous Step</button>
+      <button onClick={nextStep}>Next Step</button>
+    </div>
+  );
+};
+
+const mapStateToProps = state => ({
+  install: state.install.toJS()
+});
+
+const mapDispatchToProps = dispatch => ({
+  nextStep: () => dispatch(nextStep()),
+  previousStep: () => dispatch(previousStep())
+});
+
+export default connect(mapStateToProps, mapDispatchToProps)(InstallContainer);

client/coral-admin/src/reducers/index.js

@@ -6,6 +6,7 @@ import users from 'reducers/users';
 import auth from 'reducers/auth';
 import actions from 'reducers/actions';
 import assets from 'reducers/assets';
+import install from 'reducers/install';
 
 // Combine all reducers into a main one
 export default combineReducers({
@@ -15,5 +16,6 @@ export default combineReducers({
   auth,
   actions,
   assets,
-  users
+  users,
+  install
 });

client/coral-admin/src/reducers/install.js

@@ -0,0 +1,21 @@
+import {Map} from 'immutable';
+
+import * as actions from '../constants/install';
+
+const initialState = Map({
+  step: 0
+});
+
+export default function auth (state = initialState, action) {
+  switch (action.type) {
+  case actions.NEXT_STEP:
+    console.log(state)
+    return state
+      .set('step', state.get('step') + 1);
+  case actions.PREVIOUS_STEP:
+    return state
+      .set('step', state.get('step') - 1);
+  default :
+    return state;
+  }
+}