Adrien Béraud | 995e802 | 2021-04-08 13:46:51 -0400 | [diff] [blame] | 1 | import List from '@material-ui/core/List' |
| 2 | import React from 'react' |
| 3 | import ConversationListItem from './ConversationListItem' |
Adrien Béraud | 35e7d7c | 2021-04-13 03:28:39 -0400 | [diff] [blame] | 4 | import ListSubheader from '@material-ui/core/ListSubheader'; |
| 5 | import Conversation from '../../../model/Conversation'; |
| 6 | import GroupRoundedIcon from '@material-ui/icons/GroupRounded'; |
| 7 | import { Typography } from '@material-ui/core'; |
Adrien Béraud | 995e802 | 2021-04-08 13:46:51 -0400 | [diff] [blame] | 8 | |
| 9 | class ConversationList extends React.Component { |
| 10 | render() { |
Adrien Béraud | 35e7d7c | 2021-04-13 03:28:39 -0400 | [diff] [blame] | 11 | console.log("ConversationList render " + this.props.accountId) |
| 12 | console.log(this.props.conversations) |
Adrien Béraud | 995e802 | 2021-04-08 13:46:51 -0400 | [diff] [blame] | 13 | return ( |
Adrien Béraud | 35e7d7c | 2021-04-13 03:28:39 -0400 | [diff] [blame] | 14 | <div className="rooms-list"> |
| 15 | <List> |
| 16 | {this.props.search instanceof Conversation && |
| 17 | (<div> |
| 18 | <ListSubheader>Public directory</ListSubheader> |
| 19 | <ConversationListItem conversation={this.props.search} /> |
| 20 | <ListSubheader>Conversations</ListSubheader> |
| 21 | </div>)} |
| 22 | {this.props.conversations.map(conversation => |
| 23 | <ConversationListItem key={conversation.getId()} conversation={conversation} /> |
| 24 | )} |
| 25 | {this.props.conversations.length === 0 && ( |
| 26 | <div className="list-placeholder"> |
| 27 | <GroupRoundedIcon color="disabled" fontSize="large" /> |
| 28 | <Typography className="subtitle" variant="subtitle2">No conversation yet</Typography> |
| 29 | </div> |
| 30 | )} |
| 31 | </List> |
| 32 | </div> |
Adrien Béraud | 995e802 | 2021-04-08 13:46:51 -0400 | [diff] [blame] | 33 | ) |
| 34 | } |
| 35 | } |
| 36 | |
| 37 | export default ConversationList |