toggling form

5 files changed, 27 insertions, 7 deletions

diff --git a/frontend/views/page/components/tile.edit.js b/frontend/views/page/components/tile.edit.js
index db85061..4943c10 100644
--- a/frontend/views/page/components/tile.edit.js
+++ b/frontend/views/page/components/tile.edit.js
@@ -1,10 +1,11 @@
 import React, { Component } from 'react'
 // import { Link } from 'react-router-dom'
-// import { bindActionCreators } from 'redux'
+import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
 
 // import { history } from '../../../store'
 import actions from '../../../actions'
+import * as tileActions from '../../tile/tile.actions'
 
 import { Loader } from '../../../common'
 
@@ -21,6 +22,8 @@ class TileEdit extends Component {
       .then(response => {
         // response
         console.log(response)
+        this.props.pageActions.hideEditTileForm()
+        this.props.tileActions.clearTemporaryTile()
       })
   }
 
@@ -51,7 +54,7 @@ const mapStateToProps = state => ({
 })
 
 const mapDispatchToProps = dispatch => ({
-  // tileActions: bindActionCreators({ ...tileActions }, dispatch),
+  tileActions: bindActionCreators({ ...tileActions }, dispatch),
 })
 
 export default connect(mapStateToProps, mapDispatchToProps)(TileEdit)
diff --git a/frontend/views/page/components/tile.new.js b/frontend/views/page/components/tile.new.js
index 4649904..3c97c31 100644
--- a/frontend/views/page/components/tile.new.js
+++ b/frontend/views/page/components/tile.new.js
@@ -1,10 +1,12 @@
 import React, { Component } from 'react'
 // import { Link } from 'react-router-dom'
-// import { bindActionCreators } from 'redux'
+import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
 
 import { history } from '../../../store'
 import actions from '../../../actions'
+import * as tileActions from '../../tile/tile.actions'
+import * as pageActions from '../../page/page.actions'
 
 import TileForm from '../components/tile.form'
 
@@ -18,6 +20,8 @@ class TileNew extends Component {
         // if (res.res && res.res.id) {
         //   history.push('/' + graph.path + '/' + res.res.path)
         // }
+        this.props.pageActions.hideAddTileForm()
+        this.props.tileActions.clearTemporaryTile()
       })
       .catch(err => {
         console.error('error')
@@ -43,7 +47,8 @@ const mapStateToProps = state => ({
 })
 
 const mapDispatchToProps = dispatch => ({
-  // tileActions: bindActionCreators({ ...tileActions }, dispatch),
+  tileActions: bindActionCreators({ ...tileActions }, dispatch),
+  pageActions: bindActionCreators({ ...pageActions }, dispatch),
 })
 
 export default connect(mapStateToProps, mapDispatchToProps)(TileNew)
diff --git a/frontend/views/page/page.actions.js b/frontend/views/page/page.actions.js
index b58abb5..bd38683 100644
--- a/frontend/views/page/page.actions.js
+++ b/frontend/views/page/page.actions.js
@@ -14,6 +14,18 @@ export const toggleAddTileForm = () => dispatch => {
   dispatch({ type: types.page.toggle_add_tile_form })
 }
 
+export const showEditTileForm = () => dispatch => {
+  dispatch({ type: types.page.show_edit_tile_form })
+}
+
+export const hideEditTileForm = () => dispatch => {
+  dispatch({ type: types.page.hide_edit_tile_form })
+}
+
+export const toggleEditTileForm = () => dispatch => {
+  dispatch({ type: types.page.toggle_edit_tile_form })
+}
+
 export const updatePageTile = tile => dispatch => {
   dispatch({ type: types.page.update_page_tile, tile })
 }
diff --git a/frontend/views/tile/tile.actions.js b/frontend/views/tile/tile.actions.js
index ab009e8..b8ff657 100644
--- a/frontend/views/tile/tile.actions.js
+++ b/frontend/views/tile/tile.actions.js
@@ -5,6 +5,6 @@ export const updateTemporaryTile = data => dispatch => {
   dispatch({ type: types.tile.update_temporary_tile, data })
 }
 
-export const removeTemporaryTile = () => dispatch => {
-  dispatch({ type: types.tile.remove_temporary_tile })
+export const clearTemporaryTile = () => dispatch => {
+  dispatch({ type: types.tile.clear_temporary_tile })
 }
diff --git a/frontend/views/tile/tile.reducer.js b/frontend/views/tile/tile.reducer.js
index fb9f805..a4e5868 100644
--- a/frontend/views/tile/tile.reducer.js
+++ b/frontend/views/tile/tile.reducer.js
@@ -20,7 +20,7 @@ export default function tileReducer(state = initialState, action) {
         temporaryTile: action.data
       }
 
-    case types.tile.remove_temporary_tile:
+    case types.tile.clear_temporary_tile:
       return {
         ...state,
         temporaryTile: null