From 36f5b24d6bbfb02032ac2f2487a925522cd9e9b2 Mon Sep 17 00:00:00 2001
From: Ronald Pijnacker <ronald.pijnacker@philips.com>
Date: Sat, 9 May 2020 14:53:15 +0200
Subject: [PATCH] Provide friendlier message

---
 src/client/MembersList.tsx | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/client/MembersList.tsx b/src/client/MembersList.tsx
index 1120bfc..86fa4a5 100644
--- a/src/client/MembersList.tsx
+++ b/src/client/MembersList.tsx
@@ -23,18 +23,20 @@ const MemberList = () => {
   return (
     <Paper>
       <List>
-        {members.map((member) => {
-          const trx = trxs[member.id];
-          console.log('member', member, 'trx', trx);
-          return (
-            <MemberItem
-              key={member.id}
-              member={member}
-              trx={trx}
-              onVolumeClick={onVolumeClick}
-            />
-          );
-        })}
+        {members.length === 0
+          ? 'Waiting for others to join...'
+          : members.map((member) => {
+              const trx = trxs[member.id];
+              console.log('member', member, 'trx', trx);
+              return (
+                <MemberItem
+                  key={member.id}
+                  member={member}
+                  trx={trx}
+                  onVolumeClick={onVolumeClick}
+                />
+              );
+            })}
       </List>
     </Paper>
   );