From 4d3e39788c9f31f6e2874c153fbdd7fd043fd0d8 Mon Sep 17 00:00:00 2001
From: Dome <dome_X@gmx.net>
Date: Wed, 8 Apr 2026 16:30:01 +0200
Subject: [PATCH] Update PreviewView.js

---
 src/preview/PreviewView.js | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/preview/PreviewView.js b/src/preview/PreviewView.js
index e6c23b6..2dc3e3d 100644
--- a/src/preview/PreviewView.js
+++ b/src/preview/PreviewView.js
@@ -51,24 +51,22 @@ class LoadedPreviewView extends TemplateView {
                 return t.div({className: "defaultAvatar"});
             }
         });
+
+        const hasMemberCount = vm => vm.memberCount && String(vm.memberCount) !== "null";
+        const hasTopic = vm => vm.topic && String(vm.topic) !== "null";
+
         return t.div({className: vm.isSpaceRoom ? "mxSpace" : undefined}, [
             t.div({className: "avatarContainer"}, avatar),
             t.h1(vm => vm.name),
             t.p({className: {identifier: true, hidden: vm => !vm.identifier}}, vm => vm.identifier),
             
-            t.div({
-                className: {
-                    memberCount: true, 
-                    hidden: vm => !vm.memberCount || vm.memberCount === "null"
-                }
-            }, t.p([vm => vm.memberCount, " members"])),
+            t.div({className: {memberCount: true, hidden: vm => !hasMemberCount(vm)}}, 
+                t.p([vm => hasMemberCount(vm) ? vm.memberCount + " members" : ""])
+            ),
             
-            t.p({
-                className: {
-                    topic: true, 
-                    hidden: vm => !vm.topic || vm.topic === "null"
-                }
-            }, [vm => vm.topic]),
+            t.p({className: {topic: true, hidden: vm => !hasTopic(vm)}}, 
+                [vm => hasTopic(vm) ? vm.topic : ""]
+            ),
         ]);
     }
 }