Reshuffle to put "HTML" (JSX) and CSS together as a theme with logic elsewhere.

themes/base/views/molecules/SenderProfile.js

@@ -0,0 +1,24 @@
+var React = require('react');
+
+var SenderProfileController = require("../../../../src/controllers/molecules/SenderProfile");
+
+module.exports = React.createClass({
+    displayName: 'SenderProfile',
+    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>
+        );
+    },
+});
+