OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

hide name when collapsed

pull/21833/head
Bruno Windels 2018-10-23 15:33:45 +02:00
parent 97789a8858
commit cad0fa05e5
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/structures/TopLeftMenuButton.js
View File

@ -72,6 +72,13 @@ export default class TopLeftMenuButton extends React.Component {
const fallbackUserId = MatrixClientPeg.get().getUserId(); const fallbackUserId = MatrixClientPeg.get().getUserId();
const profileInfo = this.state.profileInfo; const profileInfo = this.state.profileInfo;
const name = profileInfo ? profileInfo.name : fallbackUserId; const name = profileInfo ? profileInfo.name : fallbackUserId;
let nameElement;
if (!this.props.collapsed) {
nameElement = <div className="mx_TopLeftMenuButton_name">
{ name }
</div>;
}
return ( return (
<AccessibleButton className="mx_TopLeftMenuButton" onClick={this.onToggleMenu}> <AccessibleButton className="mx_TopLeftMenuButton" onClick={this.onToggleMenu}>
<BaseAvatar <BaseAvatar
@ -82,9 +89,7 @@ export default class TopLeftMenuButton extends React.Component {
height={AVATAR_SIZE} height={AVATAR_SIZE}
resizeMethod="crop" resizeMethod="crop"
/> />
<div className="mx_TopLeftMenuButton_name"> { nameElement }
{ name }
</div>
<img className="mx_TopLeftMenuButton_chevron" src="img/topleft-chevron.svg" width="11" height="6" /> <img className="mx_TopLeftMenuButton_chevron" src="img/topleft-chevron.svg" width="11" height="6" />
</AccessibleButton> </AccessibleButton>
); );