Implement Flair

Add 14x14 group avatars next to sender profiles.
This commit is contained in:
Luke Barnard 2017-08-30 10:55:25 +01:00
parent b50ce2daa0
commit ebc1993530
3 changed files with 187 additions and 4 deletions

View file

@ -18,6 +18,7 @@
import React from 'react';
import sdk from '../../../index';
import Flair from '../elements/Flair.js';
export default function SenderProfile(props) {
const EmojiText = sdk.getComponent('elements.EmojiText');
@ -30,8 +31,11 @@ export default function SenderProfile(props) {
}
return (
<EmojiText className="mx_SenderProfile" dir="auto"
onClick={props.onClick}>{`${name || ''} ${props.aux || ''}`}</EmojiText>
<div className="mx_SenderProfile" dir="auto" onClick={props.onClick}>
<EmojiText>{name || ''}</EmojiText>
{props.enableFlair ? <Flair userId={mxEvent.getSender()} /> : null}
{props.aux ? <EmojiText> props.aux</EmojiText> : null}
</div>
);
}