Add EmojiText component for emoji replacement.

src/components/views/rooms/EntityTile.js

@@ -20,7 +20,7 @@ var React = require('react');
 
 var MatrixClientPeg = require('../../../MatrixClientPeg');
 var sdk = require('../../../index');
-import {emojifyText} from '../../../HtmlUtils';
+import EmojiText from '../elements/EmojiText';
 
 
 var PRESENCE_CLASS = {
@@ -103,7 +103,7 @@ module.exports = React.createClass({
         var mainClassName = "mx_EntityTile ";
         mainClassName += presenceClass + (this.props.className ? (" " + this.props.className) : "");
         var nameEl;
-        let nameHTML = emojifyText(this.props.name);
+        const {name} = this.props;
 
         if (this.state.hover && !this.props.suppressOnHover) {
             var activeAgo = this.props.presenceLastActiveAgo ?
@@ -114,7 +114,7 @@ module.exports = React.createClass({
             nameEl = (
                 <div className="mx_EntityTile_details">
                     <img className="mx_EntityTile_chevron" src="img/member_chevron.png" width="8" height="12"/>
-                    <div className="mx_EntityTile_name_hover" dangerouslySetInnerHTML={nameHTML}></div>
+                    <EmojiText element="div" className="mx_EntityTile_name_hover">{name}</EmojiText>
                     <PresenceLabel activeAgo={ activeAgo }
                         currentlyActive={this.props.presenceCurrentlyActive}
                         presenceState={this.props.presenceState} />
@@ -123,8 +123,7 @@ module.exports = React.createClass({
         }
         else {
             nameEl = (
-                <div className="mx_EntityTile_name" dangerouslySetInnerHTML={nameHTML}>
-                </div>
+                <EmojiText element="div" className="mx_EntityTile_name">{name}</EmojiText>
             );
         }