summaryrefslogtreecommitdiff
path: root/animism-align/frontend/views/paragraph/components/paragraph.form.js
diff options
context:
space:
mode:
Diffstat (limited to 'animism-align/frontend/views/paragraph/components/paragraph.form.js')
-rw-r--r--animism-align/frontend/views/paragraph/components/paragraph.form.js87
1 files changed, 0 insertions, 87 deletions
diff --git a/animism-align/frontend/views/paragraph/components/paragraph.form.js b/animism-align/frontend/views/paragraph/components/paragraph.form.js
deleted file mode 100644
index de3114c..0000000
--- a/animism-align/frontend/views/paragraph/components/paragraph.form.js
+++ /dev/null
@@ -1,87 +0,0 @@
-import React, { Component } from 'react'
-// import { Link } from 'react-router-dom'
-import { bindActionCreators } from 'redux'
-import { connect } from 'react-redux'
-
-import actions from '../../../actions'
-
-import { clamp, timestamp, capitalize } from '../../../util'
-import { Select } from '../../../common'
-
-const PARAGRAPH_TYPES = [
- 'paragraph', 'blockquote', 'hidden',
-].map(name => ({ name, label: capitalize(name.replace('_', ' ')) }))
-
-class ParagraphForm extends Component {
- constructor(props){
- super(props)
- this.handleChange = this.handleChange.bind(this)
- this.handleSelect = this.handleSelect.bind(this)
- this.handleSubmit = this.handleSubmit.bind(this)
- }
- componentDidMount() {
- if (this.textareaRef && this.textareaRef.current) {
- this.textareaRef.current.focus()
- }
- }
- handleChange(e) {
- const { name, value } = e.target
- this.handleSelect(name, value)
- }
- handleSelect(name, value) {
- const { onUpdate, paragraph } = this.props
- onUpdate({
- ...paragraph,
- [name]: value,
- })
- }
- handleSubmit() {
- const { paragraph, onClose } = this.props
- actions.paragraph.update(paragraph)
- .then(response => {
- console.log(response)
- onClose()
- })
- }
- render() {
- const { paragraph, y } = this.props
- return (
- <div
- className='paragraphForm'
- style={{
- top: y,
- }}
- >
- {this.renderButtons()}
- </div>
- )
- }
- renderButtons() {
- const { paragraph } = this.props
- return (
- <div className='row buttons'>
- <div className='row'>
- <Select
- name='type'
- selected={paragraph.type}
- options={PARAGRAPH_TYPES}
- defaultOption='text'
- onChange={this.handleSelect}
- />
- <div className='ts'>{timestamp(paragraph.start_ts, 1, true)}</div>
- </div>
- <div>
- <button onClick={this.handleSubmit}>Save</button>
- </div>
- </div>
- )
- }
-}
-
-const mapStateToProps = state => ({
-})
-
-const mapDispatchToProps = dispatch => ({
-})
-
-export default connect(mapStateToProps, mapDispatchToProps)(ParagraphForm)