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' |
Adrien Béraud | 35e7d7c | 2021-04-13 03:28:39 -0400 | [diff] [blame] | 3 | import Conversation from '../../../model/Conversation' |
| 4 | import { withRouter } from 'react-router-dom'; |
Adrien Béraud | 995e802 | 2021-04-08 13:46:51 -0400 | [diff] [blame] | 5 | |
| 6 | class ConversationListItem extends React.Component { |
| 7 | render() { |
Adrien Béraud | 35e7d7c | 2021-04-13 03:28:39 -0400 | [diff] [blame] | 8 | const conversation = this.props.conversation; |
| 9 | const pathId = this.props.match.params.conversationId || this.props.match.params.contactId |
| 10 | const isSelected = conversation.getDisplayUri() === pathId |
| 11 | console.log("ConversationListItem render " + conversation) |
| 12 | console.log(this.props) |
Adrien Béraud | 995e802 | 2021-04-08 13:46:51 -0400 | [diff] [blame] | 13 | |
Adrien Béraud | 35e7d7c | 2021-04-13 03:28:39 -0400 | [diff] [blame] | 14 | const uri = conversation.getId() ? `conversation/${conversation.getId()}` : `addContact/${conversation.getFirstMember().contact.getUri()}`; |
| 15 | if (conversation instanceof Conversation) { |
| 16 | return ( |
| 17 | <ListItem |
| 18 | button |
| 19 | alignItems="flex-start" |
| 20 | selected={isSelected} |
| 21 | style={{overflow:'hidden'}} |
| 22 | onClick={() => this.props.history.push(`/account/${conversation.getAccountId()}/${uri}`)}> |
| 23 | <ListItemAvatar><Avatar>{conversation.getDisplayName()[0].toUpperCase()}</Avatar></ListItemAvatar> |
| 24 | <ListItemText |
| 25 | style={{overflow:'hidden', textOverflow:'ellipsis'}} |
| 26 | primary={conversation.getDisplayName()} secondary={conversation.getDisplayUri()} /> |
| 27 | </ListItem> |
| 28 | ) |
| 29 | } else |
| 30 | return null |
Adrien Béraud | 995e802 | 2021-04-08 13:46:51 -0400 | [diff] [blame] | 31 | } |
| 32 | } |
| 33 | |
Adrien Béraud | 35e7d7c | 2021-04-13 03:28:39 -0400 | [diff] [blame] | 34 | export default withRouter(ConversationListItem) |