From 5ba55858e8d299af6d62f7385a0ab010c6a7179c Mon Sep 17 00:00:00 2001
From: Luke Barnard <luke@matrix.org>
Date: Thu, 8 Mar 2018 17:06:48 +0000
Subject: [PATCH] Use TintableSvg for TagPanel clear filter button

---
 src/components/structures/TagPanel.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/structures/TagPanel.js b/src/components/structures/TagPanel.js
index 4bfebc59b8..7a187e4298 100644
--- a/src/components/structures/TagPanel.js
+++ b/src/components/structures/TagPanel.js
@@ -101,6 +101,7 @@ const TagPanel = React.createClass({
         const GroupsButton = sdk.getComponent('elements.GroupsButton');
         const DNDTagTile = sdk.getComponent('elements.DNDTagTile');
         const AccessibleButton = sdk.getComponent('elements.AccessibleButton');
+        const TintableSvg = sdk.getComponent('elements.TintableSvg');
 
         const tags = this.state.orderedTags.map((tag, index) => {
             return <DNDTagTile
@@ -112,12 +113,10 @@ const TagPanel = React.createClass({
         });
 
         const clearButton = this.state.selectedTags.length > 0 ?
-            <img
-                src="img/icons-close.svg"
+            <TintableSvg src="img/icons-close.svg" width="24" height="24"
                 alt={_t("Clear filter")}
                 title={_t("Clear filter")}
-                width="24"
-                height="24" /> :
+            /> :
             <div />;
 
         return <div className="mx_TagPanel">