Add member list

This commit is contained in:
Simon Ser
2020-06-26 14:32:56 +02:00
parent 0bd2e10631
commit 806686bd49
3 changed files with 71 additions and 6 deletions

25
components/member-list.js Normal file
View File

@@ -0,0 +1,25 @@
import { html, Component } from "/lib/index.js";
function MemberItem(props) {
function handleClick(event) {
event.preventDefault();
props.onClick();
}
var url = "irc:///" + encodeURIComponent(props.nick) + ",isnick";
return html`
<li>
<a href=${url} class="nick" onClick=${handleClick}>${props.nick}</a>
</li>
`;
}
export default function MemberList(props) {
return html`
<ul id="buffer-list">
${Array.from(this.props.members.entries()).map(([nick, membership]) => html`
<${MemberItem} key=${nick} nick=${nick} membership=${membership} onClick=${() => props.onNickClick(nick)}/>
`)}
</ul>
`;
}