Adrien Béraud | 5e9e19b | 2021-04-22 01:38:53 -0400 | [diff] [blame] | 1 | import { Typography } from '@material-ui/core' |
Larbi Gharib | e9af973 | 2021-03-31 15:08:01 +0100 | [diff] [blame] | 2 | import React from 'react' |
| 3 | |
| 4 | function Message(props) { |
Adrien Béraud | 4e287b9 | 2021-04-24 16:15:56 -0400 | [diff] [blame^] | 5 | console.log("Message render") |
| 6 | console.log(props.message) |
| 7 | |
Larbi Gharib | e9af973 | 2021-03-31 15:08:01 +0100 | [diff] [blame] | 8 | return ( |
| 9 | <div className="message"> |
Adrien Béraud | 4e287b9 | 2021-04-24 16:15:56 -0400 | [diff] [blame^] | 10 | <div className="message-username">{props.message.author}</div> |
| 11 | <Typography className="message-text">{props.message.body}</Typography> |
Larbi Gharib | e9af973 | 2021-03-31 15:08:01 +0100 | [diff] [blame] | 12 | </div> |
| 13 | ) |
| 14 | } |
| 15 | |
| 16 | export default Message |