import React, { Component } from 'react';
import { connect }            from 'react-redux';
import {bindActionCreators} from 'redux';
import {VLCommonActions} from 'redux/modules/actions/VLCommon';
import {TerminalActions} from 'redux/modules/actions/TerminalActions';
import {NetworkScanning} from 'components';

const mapStateToProps = (state) => ({
  attack : state.attack,
  terminal : state.terminal
});
const mapDispatchToProps = (dispatch) => ({
  VLCommonActions: bindActionCreators(Object.assign({}, VLCommonActions), dispatch),
  TerminalActions: bindActionCreators(Object.assign({}, TerminalActions), dispatch)
});

export class NetworkScanningView extends Component {
  constructor (props) {
    super(props);
  }

  render() {
    console.log('NSV props', this.props);
    return (
      <div>
        <NetworkScanning
          attack={this.props.attack}
          terminal={this.props.terminal}
          VLCommonActions={this.props.VLCommonActions}
          TerminalActions={this.props.TerminalActions}/>
      </div>
    );
  }
}

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