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)}
 					/>
 				`)}