From ce76a28e0e4b28557e01d93487fab82e2b57b159 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Mon, 4 Nov 2019 23:32:30 +0100
Subject: [PATCH] Add tooltip to icon for letting peer into room.

---
 .../AccessControl/LockDialog/ListLobbyPeer.js | 27 ++++++++++---------
 1 file changed, 15 insertions(+), 12 deletions(-)

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