deploy: f3547878cc

directory/index.html

@@ -420,14 +420,14 @@ window.addEventListener('click',(e)=>{
     word-break: break-word;
   }
 
-  #directory .entry a {
+  #directory .entry a.img-link {
     order: -1;
     object-fit: cover;
     margin-right: 16px;
     margin-bottom: 16px;
   }
 
-  #directory .entry a img {
+  #directory .entry a.img-link img {
     min-width: 104px;
     min-height: 104px;
     width: 104px;

js/directory.js

@@ -165,7 +165,7 @@ function entrySortPriority(entry) {
 
 function entryMemberCount(entry) {
   return entry.entryType.type == 'group'
-    ? (entry.entryType.summary?.currentMembers ?? 0)
+    ? (entry.entryType.summary?.publicMemberCount ?? entry.entryType.summary?.currentMembers ?? 0)
     : 0
 }
 
@@ -263,6 +263,13 @@ function displayEntries(entries) {
         }, 0);
       }
 
+      if (entryType?.groupType) {
+        const noteElement = document.createElement('p');
+        noteElement.innerHTML = 'You need <a href="https://simplex.chat/downloads/">SimpleX Chat app v6.5</a> to join.';
+        noteElement.className = 'text-sm';
+        textContainer.appendChild(noteElement);
+      }
+
       const entryTimestamp = currentSortMode === 'new' && entry.createdAt
         ? showCreatedOn(entry.createdAt)
         : entry.activeAt
@@ -278,7 +285,8 @@ function displayEntries(entries) {
       const memberCount = entryMemberCount(entry);
       if (typeof memberCount == 'number' && memberCount > 0) {
         const memberCountElement = document.createElement('p');
-        memberCountElement.textContent = `${memberCount} members`;
+        const isChannel = entryType?.groupType === 'channel';
+        memberCountElement.textContent = `${memberCount} ${isChannel ? 'subscribers' : 'members'}`;
         memberCountElement.className = 'text-sm';
         textContainer.appendChild(memberCountElement);
       }
@@ -291,6 +299,7 @@ function displayEntries(entries) {
       }
 
       const imgLinkElement = document.createElement('a');
+      imgLinkElement.className = 'img-link';
       const groupLinkUri = groupLink.connShortLink ?? groupLink.connFullLink
       try {
         imgLinkElement.href = platformSimplexUri(groupLinkUri);