From 010009e3e0e5e365f9463fc6b531c4e5c444913c Mon Sep 17 00:00:00 2001
From: Simon Ser <contact@emersion.fr>
Date: Tue, 21 Sep 2021 14:19:30 +0200
Subject: [PATCH] Display username/hostname in member list
---
components/app.js | 1 +
components/member-list.js | 9 +++++++++
2 files changed, 10 insertions(+)
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)}
/>
`)}