X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;ds=sidebyside;f=resources%2Fjs%2Fcomponents%2Ftracker%2FToggleIcon.js;h=3966506d2b2b815868b5553bbdce64287af992ff;hb=c56ab0725b926af522285d96a22f998f4f7c0c40;hp=f7cc0744b81f22619634fecfc047cf66451b098a;hpb=24489254a5d05efd6fe7dceb2cffe5fdb49ab7b7;p=alttp.git

diff --git a/resources/js/components/tracker/ToggleIcon.js b/resources/js/components/tracker/ToggleIcon.js
index f7cc074..3966506 100644
--- a/resources/js/components/tracker/ToggleIcon.js
+++ b/resources/js/components/tracker/ToggleIcon.js
@@ -19,7 +19,7 @@ import {
 import { useTracker } from '../../hooks/tracker';
 
 const ToggleIcon = ({ controller, className, icons }) => {
-	const { state, setState } = useTracker();
+	const { setManualState, state } = useTracker();
 	const activeController = controller || ToggleIcon.nullController;
 	const active = activeController.getActive(state, icons);
 	const defaultIcon = activeController.getDefault(state, icons);
@@ -35,12 +35,12 @@ const ToggleIcon = ({ controller, className, icons }) => {
 	return <span
 		className={classNames.join(' ')}
 		onClick={(e) => {
-			activeController.handlePrimary(state, setState, icons);
+			activeController.handlePrimary(state, setManualState, icons);
 			e.preventDefault();
 			e.stopPropagation();
 		}}
 		onContextMenu={(e) => {
-			activeController.handleSecondary(state, setState, icons);
+			activeController.handleSecondary(state, setManualState, icons);
 			e.preventDefault();
 			e.stopPropagation();
 		}}
@@ -205,10 +205,10 @@ ToggleIcon.modulusController = ctrl => ({
 	getActive: (state, icons) => icons[(state[ctrl] || 0) % icons.length],
 	getDefault: firstIcon,
 	handlePrimary: (state, setState, icons) => {
-		setState(increment(icons[0], icons.length));
+		setState(increment(ctrl, icons.length));
 	},
 	handleSecondary: (state, setState, icons) => {
-		setState(decrement(icons[0], icons.length));
+		setState(decrement(ctrl, icons.length));
 	},
 });