let React = require('react');

let TrackSquare = React.createClass({
  render: function() {
    /* jshint ignore:start */
    return (
      <div
        data-tip={this.props.track.title}
        className={this.props.trackClassName}
        onClick={this.props.onClick}
        onContextMenu={this.props.onContextMenu}>
          <img src={this.props.track.covers.medium}/>
          <div className="ribbon">
            <i className={this.props.iconClassName}></i>
          </div>
          <div className="info">
            <div className="track-name">{this.props.track.title}</div>
            <div className="track-artist">{this.props.track.artist}</div>
          </div>
      </div>
    );
    /* jshint ignore:end */
  }
});

module.exports = TrackSquare;

@@ -1,14 +1,17 @@
-le
+impor
 t React 
 = re
@@ -10,32 +10,28 @@
 act 
-= require(
+from 
 'react'
-)
 ;%0A%0A
-let
+class
  Tra
@@ -43,82 +43,92 @@
 are 
-= React.createClass(%7B%0A  render: function() %7B%0A    /* jshint ignore:start */
+extends React.Component %7B%0A  constructor(props) %7B%0A    super(props);%0A  %7D%0A%0A  render() %7B
 %0A   
@@ -705,43 +705,13 @@
  );%0A
-    /* jshint ignore:end */%0A
   %7D%0A%7D
-);
 %0A%0Amo

rewrite src/views/components/shared/track/track-square.js with ES6 syntax