Adrien BĂ©raud | 6ecaa40 | 2021-04-06 17:37:25 -0400 | [diff] [blame] | 1 | import React from 'react'; |
| 2 | |
| 3 | import List from '@material-ui/core/List'; |
| 4 | import ListItem from '@material-ui/core/ListItem'; |
| 5 | import ListItemText from '@material-ui/core/ListItemText'; |
| 6 | import ListItemAvatar from '@material-ui/core/ListItemAvatar'; |
| 7 | import Avatar from '@material-ui/core/Avatar'; |
| 8 | import PersonRoundedIcon from '@material-ui/icons/PersonRounded'; |
| 9 | |
| 10 | class AccountList extends React.Component { |
| 11 | render() { |
| 12 | return ( |
| 13 | <List> |
| 14 | { |
| 15 | this.props.accounts.map(account => <ListItem button key={account.getId()} onClick={() => this.props.onClick(account)}> |
| 16 | <ListItemAvatar> |
| 17 | <Avatar> |
| 18 | <PersonRoundedIcon /> |
| 19 | </Avatar> |
| 20 | </ListItemAvatar> |
| 21 | <ListItemText primary={account.getDisplayName()} secondary={account.getDisplayUri()} /> |
| 22 | </ListItem> |
| 23 | ) |
| 24 | } |
| 25 | </List>) |
| 26 | } |
| 27 | } |
| 28 | |
| 29 | export default AccountList; |