This commit is contained in:
talksik
2022-05-29 14:30:46 -05:00
parent 4fdb19717f
commit 9a795a932a
@@ -18,6 +18,7 @@ import {
Paper, Paper,
} from '@mui/material'; } from '@mui/material';
import { FiSun, FiMoreVertical, FiPlay, FiCloudRain } from 'react-icons/fi'; import { FiSun, FiMoreVertical, FiPlay, FiCloudRain } from 'react-icons/fi';
import ConversationLabel from '../subcomponents/ConversationLabel';
export default function ConversationDetails() { export default function ConversationDetails() {
const { user } = useAuth(); const { user } = useAuth();
@@ -98,10 +99,12 @@ export default function ConversationDetails() {
<FiSun /> <FiSun />
</IconButton> </IconButton>
<Typography sx={{ color: 'GrayText' }} variant={'overline'}> <Box sx={{ mr: 'auto', color: 'GrayText' }}>
{selectedConversation.name ?? <ConversationLabel
conversationUsers.map((conversationUser) => conversationUser.displayName).join(', ')} users={conversationUsers}
</Typography> conversationName={selectedConversation.name}
/>
</Box>
<AvatarGroup variant={'rounded'} sx={{ ml: 'auto' }}> <AvatarGroup variant={'rounded'} sx={{ ml: 'auto' }}>
{conversationUsers.map((conversationUser, index) => ( {conversationUsers.map((conversationUser, index) => (