X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Ftracker%2FToggleIcon.js;h=d3e3960fa4bd00795561344ddc493e40998e9c32;hb=481e603a0ca94bb068d1939c7feccfb07264b5a0;hp=6dee8180f7be7bfdb3a80dc5819c26b68776f1ee;hpb=fee2a910a23392383d7178e3fcb137c13fbc7add;p=alttp.git

diff --git a/resources/js/components/tracker/ToggleIcon.js b/resources/js/components/tracker/ToggleIcon.js
index 6dee818..d3e3960 100644
--- 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,
 };