chat bot protocol ui

[alttp.git] / resources / js / components / twitch-bot / Controls.js

diff --git a/resources/js/components/twitch-bot/Controls.js b/resources/js/components/twitch-bot/Controls.js
index 496ff11dd9dae4f977eecb793e25e0f0f2349256..51f0633a226bdc1f5626a47ee9778ba77d160ac2 100644 (file)
--- a/resources/js/components/twitch-bot/Controls.js
+++ b/resources/js/components/twitch-bot/Controls.js
@@ -8,6 +8,7 @@ import ChatSettingsForm from './ChatSettingsForm';
 import CommandDialog from './CommandDialog';
 import Commands from './Commands';
 import GuessingSettingsForm from './GuessingSettingsForm';
+import ChatBotLog from '../chat-bot-logs/ChatBotLog';
 import ChannelSelect from '../common/ChannelSelect';
 import Icon from '../common/Icon';
 import ToggleSwitch from '../common/ToggleSwitch';
@@ -228,7 +229,12 @@ const Controls = () => {
                                        </div>
                                </Col>
                                <Col className="mt-5" md={6}>
-                                       <h3>{t('twitchBot.chatSettings')}</h3>
+                                       <div className="d-flex justify-content-between">
+                                               <h3>{t('twitchBot.chatSettings')}</h3>
+                                               <div className="button-bar">
+                                                       <ChatBotLog id={channel.id} />
+                                               </div>
+                                       </div>
                                        <ChatSettingsForm channel={channel} onSubmit={saveChatSettings} />
                                </Col>
                                <Col className="mt-5" md={12}>