new page form

2 files changed, 29 insertions, 4 deletions

diff --git a/frontend/views/index/graph.reducer.js b/frontend/views/index/graph.reducer.js
index 612ac14..7e573e1 100644
--- a/frontend/views/index/graph.reducer.js
+++ b/frontend/views/index/graph.reducer.js
@@ -4,6 +4,9 @@ import * as types from '../../types'
 import { crudState, crudReducer } from '../../api/crud.reducer'
 
 const initialState = crudState('graph', {
+  editor: {
+    addingPage: true,
+  },
   options: {
   }
 })
@@ -14,6 +17,24 @@ export default function graphReducer(state = initialState, action) {
   // console.log(action.type, action)
   state = reducer(state, action)
   switch (action.type) {
+    case types.graph.show_add_page_form:
+      return {
+        ...state,
+        editor: {
+          ...state.editor,
+          addingPage: true,
+        }
+      }
+
+    case types.graph.hide_add_page_form:
+      return {
+        ...state,
+        editor: {
+          ...state.editor,
+          addingPage: false,
+        }
+      }
+
     default:
       return state
   }
diff --git a/frontend/views/index/index.container.js b/frontend/views/index/index.container.js
index 1e2326b..2da89cb 100644
--- a/frontend/views/index/index.container.js
+++ b/frontend/views/index/index.container.js
@@ -6,6 +6,7 @@ import { connect } from 'react-redux'
 import './index.css'
 
 import actions from '../../actions'
+import { Header } from '../../common'
 // import * as uploadActions from './upload.actions'
 
 import GraphIndex from './containers/graph.index'
@@ -18,10 +19,13 @@ class Container extends Component {
   }
   render() {
     return (
-      <div className='index'>
-        <Route exact path='/index/new' component={GraphNew} />
-        <Route exact path='/index/:id/edit' component={GraphEdit} />
-        <Route exact path='/index' component={GraphIndex} />
+      <div className='body'>
+        <Header />
+        <div className='index'>
+          <Route exact path='/index/new' component={GraphNew} />
+          <Route exact path='/index/:id/edit' component={GraphEdit} />
+          <Route exact path='/index' component={GraphIndex} />
+        </div>
       </div>
     )
   }