import React from 'react'
import JengaDrag from './jenga/panel/JengaDrag'
import JengaNav from './jenga/nav/JengaNav'
import JengaPanel from './jenga/panel/JengaPanel'
// import JengaAction from './jenga/panel/JengaAction'
import JengaServiceDebug from '../../common/serviceDebug/JengaServiceDebug'
import ServiceLogView from '../../common/serviceLogView/ServiceLogView'
import { shallowEqualImmutable } from 'utils/utils'

export default class EventJenga extends React.Component {
  constructor(props) {
    super(props)
  }

  shouldComponentUpdate(nextProps, nextState) {
    return (
      !shallowEqualImmutable(this.props, nextProps) ||
      !shallowEqualImmutable(this.state, nextState)
    )
  }

  render() {
    return (
      <div className="event-jenga-panel">
        <JengaDrag />
        <JengaNav curEventNodeList={this.props.curEventNodeList} />
        <JengaPanel
          curEventNodeList={this.props.curEventNodeList}
          filterBlockIdsMap={this.props.filterBlockIdsMap}
        />
        <JengaServiceDebug />
        <ServiceLogView />
        {/* <JengaAction /> */}
      </div>
    )
  }
}