Darep/Beatstream

//= require lib/mediator
//= require lib/mediator_events
/** @jsx React.DOM */

var App = window.App || {};

App.CurrentSong = React.createClass({
  render: function() {
    var song = this.props.song;
    var track = song ? this.getFormattedSongTitle(song) : 'None';

    return (
      <h5 className="player__song">
        <span className="player__song__label">Current song:</span>
        <span className="player__song__track" onDoubleClick={this.showActiveSong}>{track}</span>
      </h5>
    );
  },

  showActiveSong: function (e) {
    App.Mediator.publish(MediatorEvents.PLAYLIST_SHOW_CURRENT_SONG);
  },

  getFormattedSongTitle: function (song) {
    return song.nice_title;
  }
});