import React from 'react';

module.exports = React.createClass({

  onMouseUp: function onMouseUp() {
  //   if (this.props.value === this.props.volume) {
  //     this.props.setVolume(this.props.value - 1);
  //   } else {
  //     this.props.setVolume(this.props.value);
  //   }
  },

  onMouseEnter: function onMouseEnter(event) {
    if (event.which === 1) {
      if (this.props.value === this.props.volume) {
        this.props.setVolume(this.props.value - 1);
      } else {
        this.props.setVolume(this.props.value);
      }
    }
  },

  render: function render() {
    const style = { opacity: this.props.value <= this.props.volume ? 1 : 0 }
    return (
      <li onMouseUp={ this.onMouseUp } onMouseEnter={ this.onMouseEnter }>
        <div className="vslider_stick" style={style}></div>
      </li>
    );
  },
});

@@ -336,154 +336,115 @@
     
-if (event.which === 1) %7B%0A      if (this.props.value === this.props.volume) %7B%0A        this.props.setVolume(this.props.value - 1);%0A      %7D else %7B%0A  
+// Set volume to this value if mouse is down on enter.%0A    console.log(event)%0A    if (event.which === 1) %7B%0A
     
@@ -489,16 +489,8 @@
 e);%0A
-      %7D%0A
     

Add debug statement.