old_contents: import React, {PropTypes} from 'react';
  import AvatarUI from 'material-ui/lib/Avatar';
  
  const Avatar = ({from, src}) => {
    const avatarElement = (src) => {
      let element = '';
      if (typeof src === 'string' && src.length > 0) {
        element = <AvatarUI src={src} />;
      }
      return element;
    };
  
    const avatarStyle = {
      display: 'inline',
      float: from || 'left',
      marginLeft: '1%',
      marginRight: '1%',
      marginTop: '2%',
    };
  
    return (
      <div style={avatarStyle}>
        {avatarElement(src)}
      </div>
    );
  };
  
  Avatar.propTypes = {
    from: PropTypes.string,
    src: PropTypes.string,
  };
  
  export default Avatar;
  
new_contents: import React, {PropTypes} from 'react';
  import AvatarUI from 'material-ui/lib/avatar';
  
  const Avatar = ({from, src}) => {
    const avatarElement = (src) => {
      let element = '';
      if (typeof src === 'string' && src.length > 0) {
        element = <AvatarUI src={src} />;
      }
      return element;
    };
  
    const avatarStyle = {
      display: 'inline',
      float: from || 'left',
      marginLeft: '1%',
      marginRight: '1%',
      marginTop: '2%',
    };
  
    return (
      <div style={avatarStyle}>
        {avatarElement(src)}
      </div>
    );
  };
  
  Avatar.propTypes = {
    from: PropTypes.string,
    src: PropTypes.string,
  };
  
  export default Avatar;
  
subject: change to lower case for Avatar import as it was breaking the build