From 8f6fa904f4525da2100d757574ce71a6fa697d02 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Sun, 29 May 2022 18:52:56 -0500
Subject: [PATCH] showing when there are people in room

---
 .../desktop/src/components/ConversationList.tsx  | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/packages/desktop/src/components/ConversationList.tsx b/packages/desktop/src/components/ConversationList.tsx
index 0e67821..52b361c 100644
--- a/packages/desktop/src/components/ConversationList.tsx
+++ b/packages/desktop/src/components/ConversationList.tsx
@@ -21,7 +21,7 @@ import {
   AvatarGroup,
 } from '@mui/material';
 import { blueGrey } from '@mui/material/colors';
-import { FiActivity, FiInbox, FiSearch, FiUsers, FiCoffee, FiCircle } from 'react-icons/fi';
+import { FiActivity, FiInbox, FiSearch, FiUsers, FiCoffee, FiCircle, FiSun } from 'react-icons/fi';
 import NirvanaAvatar from './NirvanaAvatar';
 import { useDebounce, useKey, useRendersCount } from 'react-use';
 import { useSnackbar } from 'notistack';
@@ -119,11 +119,17 @@ function ConversationRow({ conversation }: { conversation: Conversation }) {
         selected={selectedConversation?.id === conversation.id}
         onClick={() => selectConversation(conversation.id)}
       >
-        <Box sx={{ color: 'GrayText', fontSize: 10, mr: 2 }}>
-          <FiCircle />
-        </Box>
+        {conversation.membersInRoom?.length > 0 ? (
+          <IconButton color="primary" size="small">
+            <FiSun />
+          </IconButton>
+        ) : (
+          <IconButton color="default" size="small">
+            <FiCircle />
+          </IconButton>
+        )}
 
-        <Box sx={{ mr: 'auto', color: 'GrayText' }}>
+        <Box sx={{ ml: 1, mr: 'auto', color: 'GrayText' }}>
           <ConversationLabel users={conversationUsers} conversationName={conversation.name} />
         </Box>