From 494fb28973b3277b5ac0f98474d7097d5730eff1 Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Wed, 5 May 2021 12:41:56 -0500
Subject: [PATCH] Fixes to ctzn-community-members-list

---
 static/js/com/members-list.js                 |  2 +-
 static/js/ctzn-tags/community-members-list.js | 13 +++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/static/js/com/members-list.js b/static/js/com/members-list.js
index e7dba91..38c4c4e 100644
--- a/static/js/com/members-list.js
+++ b/static/js/com/members-list.js
@@ -52,7 +52,7 @@ export class MembersList extends LitElement {
         return html`
           <div class="flex items-center px-2 py-2 border-t border-gray-200">
             <a class="ml-1 mr-3" href="/${userId}" title=${userId}>
-              <img class="block rounded-md w-10 h-10 object-cover shadow-sm" src=${AVATAR_URL(userId)}>
+              <img class="lazyload block rounded-md w-10 h-10 object-cover shadow-sm" data-src=${AVATAR_URL(userId)}>
             </a>
             <div class="flex-1 min-w-0">
               <div class="truncate">
diff --git a/static/js/ctzn-tags/community-members-list.js b/static/js/ctzn-tags/community-members-list.js
index a24c9c0..24a3113 100644
--- a/static/js/ctzn-tags/community-members-list.js
+++ b/static/js/ctzn-tags/community-members-list.js
@@ -1,5 +1,6 @@
 import { LitElement, html } from '../../vendor/lit/lit.min.js'
 import { repeat } from '../../vendor/lit/directives/repeat.js'
+import { BanPopup } from '../com/popups/ban.js'
 import { intersect } from '../lib/functions.js'
 import * as session from '../lib/session.js'
 import { AVATAR_URL } from '../lib/const.js'
@@ -142,6 +143,18 @@ export class CommunityMembersList extends LitElement {
   onToggleExpanded (e) {
     this.isExpanded = !this.isExpanded
   }
+
+  async onBan (e) {
+    try {
+      await BanPopup.create({
+        communityId: this.userId,
+        member: e.detail.member
+      })
+      this.load()
+    } catch (e) {
+      // ignore
+    }
+  }
 }
 
 customElements.define('ctzn-community-members-list', CommunityMembersList)
\ No newline at end of file