X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;ds=sidebyside;f=resources%2Fjs%2Fcomponents%2Ftwitch-bot%2FControls.js;fp=resources%2Fjs%2Fcomponents%2Ftwitch-bot%2FControls.js;h=54f4decd1722f0bcb6488e7f3bb68e05cf1da8e1;hb=167f986f468014e00d82fa2df8193f6be8dca19d;hp=84742d8aed9bf6fedeaf5b4860d66fcd661392cc;hpb=c7eaba38c74b617fbd03da196e4131e662311cc9;p=alttp.git

diff --git a/resources/js/components/twitch-bot/Controls.js b/resources/js/components/twitch-bot/Controls.js
index 84742d8..54f4dec 100644
--- a/resources/js/components/twitch-bot/Controls.js
+++ b/resources/js/components/twitch-bot/Controls.js
@@ -232,19 +232,34 @@ const Controls = () => {
 				<Col className="mt-5" md={12}>
 					<div className="d-flex align-items-end justify-content-between">
 						<h3>{t('twitchBot.guessingGame.settings')}</h3>
-						<Button
-							onClick={() => {
-								window.open(
-									'/guessing-game/controls',
-									'',
-									'width=640,height=800,titlebar=0,menubar=0,toolbar=0',
-								);
-							}}
-							title={t('twitchBot.guessingGame.popoutControls')}
-							variant="outline-secondary"
-						>
-							<Icon.OPEN title="" />
-						</Button>
+						<div className="button-bar">
+							{channel.access_key ?
+								<Button
+									onClick={() => {
+										window.open(
+											`/guessing-game/monitor/${channel.access_key}`,
+										);
+									}}
+									title={t('button.browserSource')}
+									variant="outline-secondary"
+								>
+									<Icon.BROWSER_SOURCE title="" />
+								</Button>
+							: null}
+							<Button
+								onClick={() => {
+									window.open(
+										'/guessing-game/controls',
+										'',
+										'width=640,height=800,titlebar=0,menubar=0,toolbar=0',
+									);
+								}}
+								title={t('twitchBot.guessingGame.popoutControls')}
+								variant="outline-secondary"
+							>
+								<Icon.OPEN title="" />
+							</Button>
+						</div>
 					</div>
 					<GuessingSettingsForm
 						name="gtbk"