From 77e76972f0204114fdc027db9f2ef016622a941f Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Tue, 14 Jul 2015 14:31:13 +0100
Subject: [PATCH] avatars for joins & parts

---
 skins/base/views/molecules/MRoomMemberTile.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/skins/base/views/molecules/MRoomMemberTile.js b/skins/base/views/molecules/MRoomMemberTile.js
index f0755e26..f94174c5 100644
--- a/skins/base/views/molecules/MRoomMemberTile.js
+++ b/skins/base/views/molecules/MRoomMemberTile.js
@@ -20,6 +20,7 @@ var React = require('react');
 
 var MRoomMemberTileController = require("../../../../src/controllers/molecules/MRoomMemberTile");
 
+var MatrixClientPeg = require("../../../../src/MatrixClientPeg");
 var ComponentBroker = require('../../../../src/ComponentBroker');
 var MessageTimestamp = ComponentBroker.get('atoms/MessageTimestamp');
 
@@ -45,6 +46,9 @@ module.exports = React.createClass({
         // XXX: for now, just cheekily borrow the css from message tile...
         return (
             <div className="mx_MessageTile">
+                <div className="mx_MessageTile_avatar">
+                    <img src={ this.props.mxEvent.sender ? MatrixClientPeg.get().getAvatarUrlForMember(this.props.mxEvent.sender, 32, 32, "crop") : null } width="32" height="32"/>
+                </div>            
                 <MessageTimestamp ts={this.props.mxEvent.getTs()} />
                 <span className="mx_SenderProfile"></span>
                 <span className="mx_MessageTile_content">