showing me in selected ones in footer overlay

packages/desktop/src/tree/FooterControls.tsx

@@ -264,18 +264,23 @@ function OverlayConversation({
         }}
         max={3}
       >
-        {masterConversation.members?.map((conversationUser, index) => (
+        {masterConversation.members?.map(
-          <Avatar
+          (conversationUser, index) =>
-            key={`${masterConversation._id.toString()}-${conversationUser._id.toString()}-convoIcon`}
+            (conversationUser._id.toString() !== user._id.toString() || isSelected) && (
-            alt={conversationUser?.givenName}
+              <Avatar
-            src={conversationUser?.picture}
+                key={`${masterConversation._id.toString()}-${conversationUser._id.toString()}-convoIcon`}
-            sx={{
+                alt={conversationUser?.givenName}
-              opacity: masterConversation.tunedInUsers?.includes(conversationUser._id.toString())
+                src={conversationUser?.picture}
-                ? '100%'
+                sx={{
-                : '20%',
+                  opacity: masterConversation.tunedInUsers?.includes(
-            }}
+                    conversationUser._id.toString(),
-          />
+                  )
-        ))}
+                    ? '100%'
+                    : '20%',
+                }}
+              />
+            ),
+        )}
       </AvatarGroup>
 
       {isSelected && (