Split out render methods into 'views' leaving UI logic in 'controllers'. Hopefully should make it easier to skin / customise.

src/views/molecules/SenderProfile.js

@@ -0,0 +1,23 @@
+var React = require('react');
+
+var SenderProfileController = require("../../controllers/molecules/SenderProfile");
+
+module.exports = React.createClass({
+    mixins: [SenderProfileController],
+
+    render: function() {
+        var mxEvent = this.props.mxEvent;
+        var name = mxEvent.sender ? mxEvent.sender.name : mxEvent.getSender();
+
+        var msgtype = mxEvent.getContent().msgtype;
+        if (msgtype && msgtype == 'm.emote') {
+            name = ''; // emote message must include the name so don't duplicate it
+        }
+        return (
+            <span className="mx_SenderProfile">
+                {name}
+            </span>
+        );
+    },
+});
+