From 651fb4578d8cc6f2aba9f093c8bb15b9c2e5a734 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?M=C3=A9sz=C3=A1ros=20Mih=C3=A1ly?= <misi@majd.eu>
Date: Mon, 18 May 2020 09:31:54 +0200
Subject: [PATCH] Add a lobby tooltip to topbar on mobile

---
 app/src/components/Controls/TopBar.js | 28 +++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/app/src/components/Controls/TopBar.js b/app/src/components/Controls/TopBar.js
index bbf408d..148f4a7 100644
--- a/app/src/components/Controls/TopBar.js
+++ b/app/src/components/Controls/TopBar.js
@@ -480,6 +480,34 @@ const TopBar = (props) =>
 							<MoreIcon />
 						</IconButton>
 					</div>
+					{ lobbyPeers.length > 0 &&
+					<Tooltip 
+						title={intl.formatMessage({
+							id             : 'tooltip.lobby',
+							defaultMessage : 'Show lobby'
+						})}
+					>
+						<span className={classes.disabledButton}>
+							<IconButton
+								aria-label={intl.formatMessage({
+									id             : 'tooltip.lobby',
+									defaultMessage : 'Show lobby'
+								})}
+								className={classes.actionButton}
+								color='inherit'
+								disabled={!canPromote}
+								onClick={() => setLockDialogOpen(!room.lockDialogOpen)}
+							>
+								<PulsingBadge
+									color='secondary'
+									badgeContent={lobbyPeers.length}
+								>
+									<SecurityIcon />
+								</PulsingBadge>
+							</IconButton>
+						</span>
+					</Tooltip>
+					}					
 					<div className={classes.divider} />
 					<Button
 						aria-label={intl.formatMessage({