snes settings

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

diff --git a/resources/js/components/twitch-bot/GuessingGameAutoTracking.js b/resources/js/components/twitch-bot/GuessingGameAutoTracking.js
index fae142cb9b1628068f1affb3368cc97071953aad..093e1214aea24cf39b1050550f0a1e5ecd96851a 100644 (file)
--- a/resources/js/components/twitch-bot/GuessingGameAutoTracking.js
+++ b/resources/js/components/twitch-bot/GuessingGameAutoTracking.js
@@ -1,5 +1,6 @@
 import PropTypes from 'prop-types';
 import React from 'react';
+import { Button } from 'react-bootstrap';
 import { useTranslation } from 'react-i18next';
 
 import Icon from '../common/Icon';
@@ -90,6 +91,7 @@ const GuessingGameAutoTracking = ({ onSolve, onStart, onStop }) => {
        const {
                disable: disableSNES,
                enable: enableSNES,
+               openSettings,
                sock,
                status,
        } = useSNES();
@@ -329,6 +331,15 @@ const GuessingGameAutoTracking = ({ onSolve, onStart, onStop }) => {
                                title={t(`autoTracking.statusMsg.${statusMsg}`, { device: status.device  })}
                        />
                : null}
+               <Button
+                       className="me-2"
+                       onClick={openSettings}
+                       size="sm"
+                       title={t('snes.settings')}
+                       variant="outline-secondary"
+               >
+                       <Icon.SETTINGS title="" />
+               </Button>
                <ToggleSwitch
                        onChange={toggle}
                        title={t('autoTracking.heading')}