Gravitar Avatar React Component

app.js

define(function(require, exports, module){
  var React = require('react');
  var Avatar = require('avatar');

  return React.renderComponent(Avatar({ email: 'hello@world.com' }), document.querySelector('body'));
});

avatar.js

define(function(require, exports, module){
  var React = require('react');
  var Gravitar = require('helpers/gravitar');
  var md5 = require('md5');

  return React.createClass({
    getDefaultProps: function(){
      return {
        src: Gravitar.getUrl({email: '', size: 50})
      };
    },

    render: function() {
      var src;
      if (this.props.url) {
        src = this.props.url;
      } else if (this.props.email) {
        var hash = md5(this.props.email);
        src = Gravatar.getUrl({email: hash, size: this.props.size});
      } else {
        src = this.props.src;
      }

      return (
        React.DOM.div({
          className: 'avatar'
        }, [
          React.DOM.img({src: src})
        ])
      );
    }
  });

});