Add members to community page on mobile

app/lib/mobile-routes.js

@@ -90,10 +90,13 @@ module.exports.setupRoutes = (router) => {
     async (req, res) => {
       const name = req.params.name;
 
-      const posts = await queries.getCommunityPosts(name);
+      const [posts, members] = await Promise.all([
+        queries.getCommunityPosts(name),
+        queries.getCommunityMembers(name),
+      ]);
 
       res.render("mobile/communities/community", {
-        community: { name },
+        community: { name, members },
         posts,
         layout: "mobile/_layout",
       });

app/public/mobile.css

@@ -196,3 +196,8 @@ a.compose-new-button {
   margin-top: 8px;
   border: 1px solid #bbb;
 }
+
+.link-block {
+  padding: 5px 0;
+  margin: 0;
+}

app/views/mobile/communities/community.ejs

@@ -8,7 +8,16 @@
     <div style="font-size: 40px; color: #FFF">+</div>
   </a>
 </div>
-<div>
+<div class="tabs" style="padding: 0 10px; background: #fbb">
+  <button class="tab-title tab-selected js-tab-button">
+    Wall
+  </button>
+  <button class="tab-title js-tab-button">
+    Members
+  </button>
+</div>
+<div class="tab-content">
+  <div class="tab-item js-tab-item">
     <% posts.map(post => { %>
       <a href="/communities/<%= community.name %>/<%= post.key.replace("%", "") %>" class="columns community-topic-link">
         <div class="community-topic-name">
@@ -17,4 +26,8 @@
         <div class="community-topic-replies" style="text-align: right;">💬 <%= post.value.replies.length %> replies</div>
       </a>
     <% }) %>
+  </div>
+  <div class="tab-item js-tab-item" style="display: none; padding: 10px">
+    <%- include('../_friends', { friends: community.members }) %>
+  </div>
 </div>