opacity if they aren't here?

packages/desktop/src/components/Terminal.tsx

@@ -555,25 +555,33 @@ function ConversationDetails() {
         alignItems={'center'}
         justifyContent={'flex-start'}
       >
-        <Stack spacing={2} direction={'row'} alignItems={'center'}>
+        <IconButton color="primary" size="small">
-          <AvatarGroup variant={'rounded'}>
+          <FiSun />
-            {conversationUsers.map((conversationUser, index) => (
+        </IconButton>
-              <Avatar
-                key={`${selectedConversation.id}-${conversationUser.uid}-convoIcon`}
-                alt={conversationUser?.displayName}
-                src={conversationUser?.photoUrl}
-                sx={{ width: 30, height: 30 }}
-              />
-            ))}
-          </AvatarGroup>
 
-          <Typography sx={{ color: 'GrayText' }} variant={'overline'}>
+        <Typography sx={{ color: 'GrayText' }} variant={'overline'}>
-            {selectedConversation.name ??
+          {selectedConversation.name ??
-              conversationUsers.map((conversationUser) => conversationUser.displayName).join(', ')}
+            conversationUsers.map((conversationUser) => conversationUser.displayName).join(', ')}
-          </Typography>
+        </Typography>
-        </Stack>
 
-        <Box sx={{ ml: 'auto' }}>
+        <AvatarGroup variant={'rounded'} sx={{ ml: 'auto' }}>
+          {conversationUsers.map((conversationUser, index) => (
+            <Avatar
+              key={`${selectedConversation.id}-${conversationUser.uid}-convoIcon`}
+              alt={conversationUser?.displayName}
+              src={conversationUser?.photoUrl}
+              sx={{
+                width: 30,
+                height: 30,
+                opacity: selectedConversation.membersInRoom.includes(conversationUser.uid)
+                  ? '100%'
+                  : '20%',
+              }}
+            />
+          ))}
+        </AvatarGroup>
+
+        <Box>
           <IconButton size="small">
             <FiMoreVertical />
           </IconButton>