Merge pull request element-hq#6223 from vector-im/luke/fix-tag-tile-context-tinting

ara4n · web-flow · commit 3bf04095b177 · 2018-02-23T16:42:55.000Z
Fix un-tinted "View Community" icon in TagTile context menu
diff --git a/src/components/views/context_menus/TagTileContextMenu.js b/src/components/views/context_menus/TagTileContextMenu.js
@@ -20,6 +20,7 @@ import { _t } from 'matrix-react-sdk/lib/languageHandler';
 import dis from 'matrix-react-sdk/lib/dispatcher';
 import TagOrderActions from 'matrix-react-sdk/lib/actions/TagOrderActions';
 import MatrixClientPeg from 'matrix-react-sdk/lib/MatrixClientPeg';
+import sdk from 'matrix-react-sdk/lib/index';
 
 export default class TagTileContextMenu extends React.Component {
     static propTypes = {
@@ -53,9 +54,15 @@ export default class TagTileContextMenu extends React.Component {
     }
 
     render() {
+        const TintableSvg = sdk.getComponent("elements.TintableSvg");
         return <div>
             <div className="mx_TagTileContextMenu_item" onClick={this._onViewCommunityClick} >
-                <img className="mx_TagTileContextMenu_item_icon" src="img/icons-groups.svg" width="15" height="15" />
+                <TintableSvg
+                    className="mx_TagTileContextMenu_item_icon"
+                    src="img/icons-groups.svg"
+                    width="15"
+                    height="15"
+                />
                 { _t('View Community') }
             </div>
             <hr className="mx_TagTileContextMenu_separator" />
