Use TintableSvg for TagPanel clear filter button
This commit is contained in:
parent
5148ca1a88
commit
5ba55858e8
1 changed files with 3 additions and 4 deletions
|
@ -101,6 +101,7 @@ const TagPanel = React.createClass({
|
||||||
const GroupsButton = sdk.getComponent('elements.GroupsButton');
|
const GroupsButton = sdk.getComponent('elements.GroupsButton');
|
||||||
const DNDTagTile = sdk.getComponent('elements.DNDTagTile');
|
const DNDTagTile = sdk.getComponent('elements.DNDTagTile');
|
||||||
const AccessibleButton = sdk.getComponent('elements.AccessibleButton');
|
const AccessibleButton = sdk.getComponent('elements.AccessibleButton');
|
||||||
|
const TintableSvg = sdk.getComponent('elements.TintableSvg');
|
||||||
|
|
||||||
const tags = this.state.orderedTags.map((tag, index) => {
|
const tags = this.state.orderedTags.map((tag, index) => {
|
||||||
return <DNDTagTile
|
return <DNDTagTile
|
||||||
|
@ -112,12 +113,10 @@ const TagPanel = React.createClass({
|
||||||
});
|
});
|
||||||
|
|
||||||
const clearButton = this.state.selectedTags.length > 0 ?
|
const clearButton = this.state.selectedTags.length > 0 ?
|
||||||
<img
|
<TintableSvg src="img/icons-close.svg" width="24" height="24"
|
||||||
src="img/icons-close.svg"
|
|
||||||
alt={_t("Clear filter")}
|
alt={_t("Clear filter")}
|
||||||
title={_t("Clear filter")}
|
title={_t("Clear filter")}
|
||||||
width="24"
|
/> :
|
||||||
height="24" /> :
|
|
||||||
<div />;
|
<div />;
|
||||||
|
|
||||||
return <div className="mx_TagPanel">
|
return <div className="mx_TagPanel">
|
||||||
|
|
Loading…
Reference in a new issue