GenericButton_example

import React, { Component, PropTypes } from 'react'
import { connect } from 'react-redux'
// import classes from './EditorView.scss'
import DrawingEditor from 'components/editors/DrawingEditor/DrawingEditor'
import { submitContent } from '../../redux/modules/nodes'

const someFunc = () => {
  alert('lksdlksflkjlsdkfjlksjdflksdjflksdjflkjsdlfjflksjdf')
}

export class EditorView extends Component {
  static propTypes = {
    nodes: PropTypes.object,
    submitContent: PropTypes.func
  }

  render () {
    const { nodes, submitContent } = this.props

    return (
      <div className='container text-center'>
        <p>EditorView</p>
        <DrawingEditor submitContent={submitContent} nodes={nodes}/>
        <GenericButton clickHandler={someFunc}>
          Save
        </GenericButton>
        <GenericButton clickHandler={() => alert('hi')}>
          HEllo
        </GenericButton>
      </div>
    )
  }
}

class GenericButton extends Component {
  render () {
    return (
      <button onClick={this.props.clickHandler}>
        {this.props.children}
      </button>
    )
  }
}

const mapStateToProps = (state) => ({
  nodes: state.nodes
})

export default connect(mapStateToProps, {
  submitContent
})(EditorView)