edit page settings

2 files changed, 27 insertions, 1 deletions

diff --git a/frontend/views/page/components/page.header.js b/frontend/views/page/components/page.header.js
index 2898f86..eb1c3b9 100644
--- a/frontend/views/page/components/page.header.js
+++ b/frontend/views/page/components/page.header.js
@@ -3,6 +3,7 @@ import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
 import { Link } from 'react-router-dom'
 
+import * as graphActions from '../../graph/graph.actions'
 import * as pageActions from '../page.actions'
 
 function PageHeader(props) {
@@ -13,7 +14,8 @@ function PageHeader(props) {
       </div>
       <div>
         <button onClick={() => props.pageActions.toggleAddTileForm()}>+ Add tile</button>
-        <button onClick={() => props.pageActions.toggleTileList()}>+ Sort tiles</button>
+        <button onClick={() => props.pageActions.toggleTileList()}>Sort tiles</button>
+        <button onClick={() => props.graphActions.toggleEditPageForm()}>Edit page</button>
       </div>
     </header>
   )
@@ -27,6 +29,7 @@ const mapStateToProps = (state) => ({
 })
 
 const mapDispatchToProps = (dispatch) => ({
+  graphActions: bindActionCreators({ ...graphActions }, dispatch),
   pageActions: bindActionCreators({ ...pageActions }, dispatch),
 })
 
diff --git a/frontend/views/page/page.reducer.js b/frontend/views/page/page.reducer.js
index 1c66491..7bffe8e 100644
--- a/frontend/views/page/page.reducer.js
+++ b/frontend/views/page/page.reducer.js
@@ -33,6 +33,18 @@ export default function pageReducer(state = initialState, action) {
         }
       }
 
+    case types.page.update:
+      return {
+        ...state,
+        show: {
+          ...state.show,
+          res: {
+            ...action.data.res,
+            tiles: state.show.res.tiles,
+          }
+        }
+      }
+
     case types.page.update_page_tile:
       return {
         ...state,
@@ -137,6 +149,17 @@ export default function pageReducer(state = initialState, action) {
         }
       }
 
+    case types.graph.toggle_edit_page_form:
+      return {
+        ...state,
+        editor: {
+          ...state.editor,
+          addingTile: false,
+          editingTile: false,
+          tileList: false,
+        }
+      }
+
     case types.page.set_tile_sort_order:
       return {
         ...state,