X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fjs%2Fcomponents%2Ftracker%2FToggleIcon.js;h=d3e3960fa4bd00795561344ddc493e40998e9c32;hb=ac6921da72ff4b0beab9e5f1308788a55aae3ad9;hp=0d8afa4068440afcd962fe3d5fe9c971506d2f32;hpb=e0925d5b97ab0804222195eb4231c63b33703942;p=alttp.git

diff --git a/resources/js/components/tracker/ToggleIcon.js b/resources/js/components/tracker/ToggleIcon.js
index 0d8afa4..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 }) => {
+const ToggleIcon = ({ controller, className, icons, svg, title, transform }) => {
 	const { setManualState, state } = useTracker();
 	const activeController = controller || ToggleIcon.nullController;
 	const active = activeController.getActive(state, icons);
@@ -48,8 +48,9 @@ const ToggleIcon = ({ controller, className, icons, svg }) => {
 				e.preventDefault();
 				e.stopPropagation();
 			}}
+			transform={transform}
 		>
-			<ZeldaIcon name={icon} svg />
+			<ZeldaIcon name={icon} svg title={title} />
 		</g>;
 	}
 	return <span
@@ -65,7 +66,7 @@ const ToggleIcon = ({ controller, className, icons, svg }) => {
 			e.stopPropagation();
 		}}
 	>
-		<ZeldaIcon name={active || defaultIcon || icons[0]} />
+		<ZeldaIcon name={active || defaultIcon || icons[0]} title={title} />
 	</span>;
 };
 
@@ -304,6 +305,8 @@ ToggleIcon.propTypes = {
 	}),
 	icons: PropTypes.arrayOf(PropTypes.string),
 	svg: PropTypes.bool,
+	title: PropTypes.string,
+	transform: PropTypes.string,
 };
 
 export default ToggleIcon;