From fcce3408461e515b090b6588c044bc048c940f81 Mon Sep 17 00:00:00 2001
From: Simon Ser <contact@emersion.fr>
Date: Sun, 28 Nov 2021 20:09:48 +0100
Subject: [PATCH] Dim away users in member list

References: https://todo.sr.ht/~emersion/gamja/13
---
 components/member-list.js | 8 +++++++-
 style.css                 | 3 +++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/components/member-list.js b/components/member-list.js
index 93d8813..3457fac 100644
--- a/components/member-list.js
+++ b/components/member-list.js
@@ -43,6 +43,7 @@ class MemberItem extends Component {
 
 		let title = null;
 		let user = this.props.user;
+		let classes = ["nick"];
 		if (user) {
 			let mask = "";
 			if (user.username && user.hostname) {
@@ -61,13 +62,18 @@ class MemberItem extends Component {
 			if (user.account) {
 				title += `\nAuthenticated as ${user.account}`;
 			}
+
+			if (user.away) {
+				classes.push("away");
+				title += "\nAway";
+			}
 		}
 
 		return html`
 			<li>
 				<a
 					href=${getNickURL(this.props.nick)}
-					class="nick"
+					class=${classes.join(" ")}
 					title=${title}
 					onClick=${this.handleClick}
 				>
diff --git a/style.css b/style.css
index f8d058e..347a003 100644
--- a/style.css
+++ b/style.css
@@ -279,6 +279,9 @@ button.danger:hover {
 	padding: 2px 10px;
 	box-sizing: border-box;
 }
+#member-list li a.away {
+	color: var(--gray);
+}
 
 .membership.owner {
 	color: red;