Dim away users in member list

References: https://todo.sr.ht/~emersion/gamja/13

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}
 				>

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;