summaryrefslogtreecommitdiff
path: root/frontend/views/page/components/tile.edit.js
diff options
context:
space:
mode:
authorJules Laplace <julescarbon@gmail.com>2020-09-26 14:56:02 +0200
committerJules Laplace <julescarbon@gmail.com>2020-09-26 14:56:02 +0200
commita17b76ac75f506f5da6fe8adf9c36632b60d4226 (patch)
treeabb0af0c4409b830dea2ef808c146223ee973933 /frontend/views/page/components/tile.edit.js
parent2231a6e1c05b07bb7ec5906716aedec93d02429c (diff)
refactor to use app-rooted js imports
Diffstat (limited to 'frontend/views/page/components/tile.edit.js')
-rw-r--r--frontend/views/page/components/tile.edit.js84
1 files changed, 0 insertions, 84 deletions
diff --git a/frontend/views/page/components/tile.edit.js b/frontend/views/page/components/tile.edit.js
deleted file mode 100644
index bfcc34f..0000000
--- a/frontend/views/page/components/tile.edit.js
+++ /dev/null
@@ -1,84 +0,0 @@
-import React, { Component } from 'react'
-// import { Link } from 'react-router-dom'
-import { bindActionCreators } from 'redux'
-import { connect } from 'react-redux'
-
-// import { history } from '../../../store'
-import actions from '../../../actions'
-import * as pageActions from '../../page/page.actions'
-import * as tileActions from '../../tile/tile.actions'
-
-import { Loader } from '../../../common'
-
-import TileForm from '../components/tile.form'
-
-class TileEdit extends Component {
- state = {
- tile: null
- }
-
- componentDidMount() {
- this.load()
- }
-
- componentDidUpdate(prevProps) {
- if (prevProps.page.editor.currentEditTileId !== this.props.page.editor.currentEditTileId) {
- this.load()
- }
- }
-
- load() {
- const { currentEditTileId } = this.props.page.editor
- const tile = this.props.page.show.res.tiles.filter(tile => tile.id === currentEditTileId)[0]
- console.log('edit', currentEditTileId)
- this.setState({ tile })
- }
-
- handleSubmit(data) {
- actions.tile.update(data)
- .then(response => {
- // console.log(response)
- if (response.status === 'ok') {
- this.props.pageActions.updatePageTile(response.res)
- }
- })
- }
-
- handleClose() {
- this.props.pageActions.hideEditTileForm()
- this.props.tileActions.clearTemporaryTile()
- }
-
- render() {
- const { tile } = this.state
- if (!tile) {
- return (
- <div className='form'>
- <Loader />
- </div>
- )
- }
- return (
- <TileForm
- initialData={tile}
- graph={this.props.graph.show.res}
- page={this.props.page.show.res}
- onSubmit={this.handleSubmit.bind(this)}
- onClose={this.handleClose.bind(this)}
- />
- )
- }
-}
-
-const mapStateToProps = state => ({
- graph: state.graph,
- page: state.page,
- tile: state.tile,
-})
-
-const mapDispatchToProps = dispatch => ({
- pageActions: bindActionCreators({ ...pageActions }, dispatch),
- tileActions: bindActionCreators({ ...tileActions }, dispatch),
-})
-
-export default connect(mapStateToProps, mapDispatchToProps)(TileEdit)