diff --git a/components/app.js b/components/app.js index 505223e..193e1ae 100644 --- a/components/app.js +++ b/components/app.js @@ -1276,6 +1276,7 @@ export default class App extends Component { </section> <${MemberList} members=${activeBuffer.members} + users=${activeServer.users} onNickClick=${this.handleNickClick} /> </section> diff --git a/components/member-list.js b/components/member-list.js index 8f9b113..2b6e8a1 100644 --- a/components/member-list.js +++ b/components/member-list.js @@ -38,11 +38,19 @@ class MemberItem extends Component { </span> `; }; + + let title = null; + let user = this.props.user; + if (user && user.username && user.hostname) { + title = `${user.username}@${user.hostname}`; + } + return html` <li> <a href=${getNickURL(this.props.nick)} class="nick" + title=${title} onClick=${this.handleClick} > <${Membership} value=${this.props.membership}/> @@ -84,6 +92,7 @@ export default class MemberList extends Component { key=${nick} nick=${nick} membership=${membership} + user=${this.props.users.get(nick)} onClick=${() => this.props.onNickClick(nick)} /> `)}