/*
 * @Description: 新建或编辑任务
 * @Author: tangjiang 
 * @Date: 2019-11-15 16:38:34 
 * @Last Modified by: tangjiang
 * @Last Modified time: 2019-11-19 09:10:45
 */
import './index.scss';
import React, { Component } from 'react';
import { connect } from 'react-redux';
import SplitPane from 'react-split-pane';// import { Form } from 'antd';
import { Button, Icon } from 'antd';
import { Link } from 'react-router-dom';
import LeftPane from './leftpane';
import RightPane from './rightpane';
class NewOrEditTask extends Component {

  render() {
    return (
      <div className={'new_add_task_wrap'}>
        <div className={'task_header'}>
          <Link to="/" className={'header_btn'} >
            <Icon type="left" style={{ marginRight: '5px'}}/>后退
          </Link>
          <span className={'header_title'}>标题内容</span>
          <Button className={`header_btn`} type="primary">立即发布</Button>
        </div>
        <div className="split-pane-area">
          <SplitPane split="vertical" minSize={200} maxSize={-200} defaultSize="50%">
            <div>
              <LeftPane />
            </div>
            <SplitPane split="vertical" defaultSize="100%" allowResize={false}>
              <RightPane />
              <div />
            </SplitPane>
          </SplitPane>
        </div>
      </div>
      
    )
  }
}

const mapStateToProps = (state) => ({

});

const mapDispatchToProps = (dispatch) => ({});

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(NewOrEditTask);