Adrien BĂ©raud | 995e802 | 2021-04-08 13:46:51 -0400 | [diff] [blame] | 1 | import { Avatar, ListItem, ListItemAvatar, ListItemText } from '@material-ui/core' |
| 2 | import React from 'react' |
| 3 | |
| 4 | class ConversationListItem extends React.Component { |
| 5 | render() { |
| 6 | |
| 7 | return ( |
| 8 | <ListItem alignItems="flex-start"> |
| 9 | <ListItemAvatar><Avatar>{this.props.conversation.getDisplayName()[0]}</Avatar></ListItemAvatar> |
| 10 | <ListItemText primary={this.props.conversation.getDisplayName()} /> |
| 11 | </ListItem> |
| 12 | ) |
| 13 | } |
| 14 | } |
| 15 | |
| 16 | export default ConversationListItem |