Display username/hostname in member list

This commit is contained in:
Simon Ser 2021-09-21 14:19:30 +02:00
parent 3746095175
commit 010009e3e0
2 changed files with 10 additions and 0 deletions

View File

@ -1276,6 +1276,7 @@ export default class App extends Component {
</section> </section>
<${MemberList} <${MemberList}
members=${activeBuffer.members} members=${activeBuffer.members}
users=${activeServer.users}
onNickClick=${this.handleNickClick} onNickClick=${this.handleNickClick}
/> />
</section> </section>

View File

@ -38,11 +38,19 @@ class MemberItem extends Component {
</span> </span>
`; `;
}; };
let title = null;
let user = this.props.user;
if (user && user.username && user.hostname) {
title = `${user.username}@${user.hostname}`;
}
return html` return html`
<li> <li>
<a <a
href=${getNickURL(this.props.nick)} href=${getNickURL(this.props.nick)}
class="nick" class="nick"
title=${title}
onClick=${this.handleClick} onClick=${this.handleClick}
> >
<${Membership} value=${this.props.membership}/> <${Membership} value=${this.props.membership}/>
@ -84,6 +92,7 @@ export default class MemberList extends Component {
key=${nick} key=${nick}
nick=${nick} nick=${nick}
membership=${membership} membership=${membership}
user=${this.props.users.get(nick)}
onClick=${() => this.props.onNickClick(nick)} onClick=${() => this.props.onNickClick(nick)}
/> />
`)} `)}