{"size": 1460, "ext": "js", "max_stars_repo_path": "src/app/containers/Connectors.js", "max_stars_repo_name": "UrgBenri/UrgBenriWeb", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/app/containers/Connectors.js", "max_issues_repo_name": "UrgBenri/UrgBenriWeb", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/app/containers/Connectors.js", "max_forks_repo_name": "UrgBenri/UrgBenriWeb", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 27.5471698113, "max_line_length": 73, "alphanum_fraction": 0.6369863014}
import React from 'react';
import PropTypes from 'prop-types';
import {connect} from 'react-redux';
import {bindActionCreators} from 'redux';
import AppBar from 'material-ui/AppBar';
import {Tabs, Tab} from 'material-ui/Tabs';
import IconButton from 'material-ui/IconButton';
import NavigationClose from 'material-ui/svg-icons/navigation/close';
import {toggleSidebar} from '../actions/sidebar'
import EthernetComponent from './EthernetComponent';
import SerialComponent from './SerialComponent';

export const Connectors = ({onMenuTap}) => (
  <div>
    <AppBar
      title='Connectors'
      onRightIconButtonTouchTap={onMenuTap}
      iconElementLeft={<IconButton> </IconButton>}
      iconElementRight={<IconButton> <NavigationClose/> </IconButton>}/>
    <Tabs>
      <Tab label="Serial">
        <SerialComponent />
      </Tab>
      <Tab label="Ethernet">
        <EthernetComponent />
      </Tab>
      <Tab label="File">
        <div>
          <h2>Tab Three</h2>
          <p>
            This is a third example tab.
          </p>
        </div>
      </Tab>
    </Tabs>
  </div>
)

Connectors.propTypes = {
  onMenuTap: PropTypes.func.isRequired
}

const mapStateToProps = (state) => {
  return {}
}

const mapDispatchToProps = (dispatch) => {
  return bindActionCreators({
    onMenuTap: toggleSidebar
  }, dispatch);
}

export default connect(mapStateToProps, mapDispatchToProps)(Connectors)