- <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
+ href={`/guessing-game/monitor/${channel.access_key}`}
+ target="_blank"
+ title={t('button.browserSource')}
+ variant="outline-secondary"
+ >
+ <Icon.BROWSER_SOURCE title="" />
+ </Button>
+ : null}
+ <Button
+ onClick={() => {
+ window.open(
+ `/guessing-game/controls/${channel.id}`,
+ '',
+ 'width=640,height=800,titlebar=0,menubar=0,toolbar=0',
+ );
+ }}
+ title={t('twitchBot.guessingGame.popoutControls')}
+ variant="outline-secondary"
+ >
+ <Icon.OPEN title="" />
+ </Button>
+ </div>