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);
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();
}}