talksik/nirvana-v4
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

opacity if they aren't here?

Browse Source
This commit is contained in:
talksik
2022-05-28 18:05:33 -05:00
parent c3ca3fa7df
commit 5f1a0df43e
1 changed files with 25 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/desktop/src/components/Terminal.tsx
+25 -17
View File
@@ -555,25 +555,33 @@ function ConversationDetails() {
alignItems={'center'}
justifyContent={'flex-start'}
>
<Stack spacing={2} direction={'row'} alignItems={'center'}>
<AvatarGroup variant={'rounded'}>
{conversationUsers.map((conversationUser, index) => (
<Avatar
key={`${selectedConversation.id}-${conversationUser.uid}-convoIcon`}
alt={conversationUser?.displayName}
src={conversationUser?.photoUrl}
sx={{ width: 30, height: 30 }}
/>
))}
</AvatarGroup>
<IconButton color="primary" size="small">
<FiSun />
</IconButton>
<Typography sx={{ color: 'GrayText' }} variant={'overline'}>
{selectedConversation.name ??
conversationUsers.map((conversationUser) => conversationUser.displayName).join(', ')}
</Typography>
</Stack>
<Typography sx={{ color: 'GrayText' }} variant={'overline'}>
{selectedConversation.name ??
conversationUsers.map((conversationUser) => conversationUser.displayName).join(', ')}
</Typography>
<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>