var React = require('react');
var remote = window.require('remote');
var shell = remote.require('shell');

var SingleNotification = require('../components/notification');

var Repository = React.createClass({

  getAvatar: function () {
    return this.props.repo[0].repository.owner.avatar_url;
  },

  openBrowser: function () {
    var url = this.props.repo[0].repository.html_url;
    shell.openExternal(url);
  },

  render: function () {
    return (
      <div>
        <div className='row repository'>
          <div className='col-xs-2'><img className='avatar' src={this.getAvatar()} /></div>
          <div className='col-xs-10 name' onClick={this.openBrowser}>{this.props.repoName}</div>
        </div>

        {this.props.repo.map(function (obj) {
          return <SingleNotification notification={obj} key={obj.id} />;
        })}

      </div>
    );
  }
});

module.exports = Repository;

@@ -429,32 +429,263 @@
 : function () %7B%0A
+    var organisationName, repositoryName;%0A%0A    if (typeof this.props.repoName === 'string') %7B%0A      var splitName = this.props.repoName.split('/');%0A      organisationName = splitName%5B0%5D;%0A      repositoryName = splitName%5B1%5D;%0A    %7D%0A%0A
     return (%0A   
@@ -899,29 +899,119 @@
 er%7D%3E
-%7Bthis.props.repoName%7D
+%0A            %3Cspan%3E%7BrepositoryName%7D%3C/span%3E%0A            /%0A            %3Cspan%3E%7BorganisationName%7D%3C/span%3E%0A          
 %3C/di

Split full repo name