imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

render badge on custom tag in LLP

Browse source
This commit is contained in:
Bruno Windels 2019-02-06 11:21:50 +00:00
parent 77db3ca883
commit 0ab6ab639e
2 changed files with 31 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/structures/CustomRoomTagPanel.js
View file

@ -20,6 +20,7 @@ import AutoHideScrollbar from './AutoHideScrollbar';
import sdk from '../../index';
import dis from '../../dispatcher';
import classNames from 'classnames';
import * as FormattingUtils from '../../utils/FormattingUtils';
const CustomRoomTagPanel = React.createClass({
@ -104,6 +105,15 @@ class CustomRoomTagTile extends React.Component {
CustomRoomTagPanel_tileSelected: tag.selected,
});
const name = tag.name;
const badge = tag.badge;
let badgeElement;
if (badge) {
const badgeClasses = classNames({
"mx_TagTile_badge": true,
"mx_TagTile_badgeHighlight": badge.highlight,
});
badgeElement = (<div className={badgeClasses}>{FormattingUtils.formatCount(badge.count)}</div>);
}
const tip = (this.state.hover ?
<RoomTooltip className="mx_TagTile_tooltip" label={name} /> :
@ -116,6 +126,7 @@ class CustomRoomTagTile extends React.Component {
width={avatarHeight}
height={avatarHeight}
/>
{ badgeElement }
{ tip }
</div>
</AccessibleButton>);