Adrien Béraud | ab519ff | 2022-05-03 15:34:48 -0400 | [diff] [blame] | 1 | import { Typography } from '@mui/material' |
| 2 | import { GroupOutlined } from '@mui/icons-material' |
Larbi Gharib | e9af973 | 2021-03-31 15:08:01 +0100 | [diff] [blame] | 3 | import React from 'react' |
Adrien Béraud | abba2e5 | 2021-04-24 21:39:56 -0400 | [diff] [blame] | 4 | import ConversationAvatar from './ConversationAvatar' |
Larbi Gharib | e9af973 | 2021-03-31 15:08:01 +0100 | [diff] [blame] | 5 | |
| 6 | function Message(props) { |
Adrien Béraud | abba2e5 | 2021-04-24 21:39:56 -0400 | [diff] [blame] | 7 | const message = props.message |
| 8 | if (message.type == 'text/plain') |
| 9 | return (<div className="message"> |
| 10 | <div className="message-avatar"> |
Adrien Béraud | 88a5244 | 2021-04-26 12:11:41 -0400 | [diff] [blame] | 11 | <ConversationAvatar name={message.author} /></div> |
| 12 | <Typography className="message-text">{message.body}</Typography> |
| 13 | </div>) |
Adrien Béraud | abba2e5 | 2021-04-24 21:39:56 -0400 | [diff] [blame] | 14 | else if (message.type == 'contact') |
| 15 | return (<div className="contact-event"> |
| 16 | <Typography className="message-text">Contact event</Typography> |
| 17 | </div>) |
| 18 | else if (message.type == 'initial') |
| 19 | return (<div className="conversation-event"> |
| 20 | <Typography variant="h6" className="message-text" color="textSecondary"> |
| 21 | <div className="inline-avatar"><GroupOutlined color="action" style={{ fontSize: 32 }} /></div>Conversation created |
| 22 | </Typography> |
| 23 | </div>) |
| 24 | else return '' |
Larbi Gharib | e9af973 | 2021-03-31 15:08:01 +0100 | [diff] [blame] | 25 | } |
| 26 | |
| 27 | export default Message |