import React, { PropTypes, Component } from 'react';
import ReactDOM from 'react-dom';
import d3 from 'd3';
import _ from 'lodash';
import {TextField, ClearFix} from 'material-ui';

export default class OfferVis extends Component {
  displayName: 'CompanyVis';
  constructor() {
    super();
    this.state = {};
  }

  componentDidMount() {
    this.generateVis(this.d3Node, this.props.data);
  }

  componentWillReceiveProps(nextProps) {
    this.updateVis(this.d3Node, nextProps.data);
  }

  sliderMove(e, val) {
    console.log('slider: ', val);
  }

  generateVis() {}

  updateVis() {}

  render() {
    var divStyle = {width: "1600px"};

    return (
        <div style={divStyle}>
          <div >
            <TextField hintText="Min Valuation" /><TextField hintText="Max Valuation" />
          </div>
          <div className="vis"
              ref={(node) => this.d3Node = node}
              style={divStyle}
          ></div>
          
        </div>

    )
  }
};


@@ -231,34 +231,8 @@
 %7B%0A  
-displayName: 'CompanyVis';
 %0A  c
@@ -280,16 +280,53 @@
 e = %7B%7D;%0A
+    this.displayName = 'CompanyVis';%0A
   %7D%0A%0A  c
@@ -983,12 +983,114 @@
   )%0A  %7D%0A%7D;%0A%0A
+OfferVis.propTypes = %7B%0A  data: PropTypes.oneOfType(%5B%0A    PropTypes.array,%0A    PropTypes.object%0A  %5D)%0A%7D%0A

Fix linting warnings in OfferVis