compact keysanity tracker

[alttp.git] / resources / js / components / tracker / ToggleIcon.js

diff --git a/resources/js/components/tracker/ToggleIcon.js b/resources/js/components/tracker/ToggleIcon.js
index 6dee8180f7be7bfdb3a80dc5819c26b68776f1ee..d3e3960fa4bd00795561344ddc493e40998e9c32 100644 (file)
--- a/resources/js/components/tracker/ToggleIcon.js
+++ b/resources/js/components/tracker/ToggleIcon.js
@@ -19,7 +19,7 @@ import {
 } from '../../helpers/tracker';
 import { useTracker } from '../../hooks/tracker';
 
-const ToggleIcon = ({ controller, className, icons, svg, transform }) => {
+const ToggleIcon = ({ controller, className, icons, svg, title, transform }) => {
        const { setManualState, state } = useTracker();
        const activeController = controller || ToggleIcon.nullController;
        const active = activeController.getActive(state, icons);
@@ -50,7 +50,7 @@ const ToggleIcon = ({ controller, className, icons, svg, transform }) => {
                        }}
                        transform={transform}
                >
-                       <ZeldaIcon name={icon} svg />
+                       <ZeldaIcon name={icon} svg title={title} />
                </g>;
        }
        return <span
@@ -66,7 +66,7 @@ const ToggleIcon = ({ controller, className, icons, svg, transform }) => {
                        e.stopPropagation();
                }}
        >
-               <ZeldaIcon name={active || defaultIcon || icons[0]} />
+               <ZeldaIcon name={active || defaultIcon || icons[0]} title={title} />
        </span>;
 };
 
@@ -305,6 +305,7 @@ ToggleIcon.propTypes = {
        }),
        icons: PropTypes.arrayOf(PropTypes.string),
        svg: PropTypes.bool,
+       title: PropTypes.string,
        transform: PropTypes.string,
 };