nice
This commit is contained in:
@@ -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) => (
|
||||||
|
|||||||
Reference in New Issue
Block a user