Add tooltip to icon for letting peer into room.

master
Håvar Aambø Fosstveit 2019-11-04 23:32:30 +01:00
parent 1f60222b75
commit ce76a28e0e
1 changed files with 15 additions and 12 deletions

View File

@ -11,6 +11,7 @@ import ListItemAvatar from '@material-ui/core/ListItemAvatar';
import Avatar from '@material-ui/core/Avatar'; import Avatar from '@material-ui/core/Avatar';
import EmptyAvatar from '../../../images/avatar-empty.jpeg'; import EmptyAvatar from '../../../images/avatar-empty.jpeg';
import PromoteIcon from '@material-ui/icons/OpenInBrowser'; import PromoteIcon from '@material-ui/icons/OpenInBrowser';
import Tooltip from '@material-ui/core/Tooltip';
const styles = (theme) => const styles = (theme) =>
({ ({
@ -99,18 +100,20 @@ const ListLobbyPeer = (props) =>
<ListItemText <ListItemText
primary={peer.displayName} primary={peer.displayName}
/> />
<ListItemIcon <Tooltip title='Click to let them in'>
className={classnames(classes.button, 'promote', { <ListItemIcon
disabled : peer.promotionInProgress className={classnames(classes.button, 'promote', {
})} disabled : peer.promotionInProgress
onClick={(e) => })}
{ onClick={(e) =>
e.stopPropagation(); {
roomClient.promoteLobbyPeer(peer.id); e.stopPropagation();
}} roomClient.promoteLobbyPeer(peer.id);
> }}
<PromoteIcon /> >
</ListItemIcon> <PromoteIcon />
</ListItemIcon>
</Tooltip>
</ListItem> </ListItem>
); );
}; };