@cursorify/react
Version:
Customizable cursor component for any style 🕹️
30 lines (29 loc) • 913 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = require("react");
const __1 = require("..");
const useMouseStateEffect = () => {
const dispatch = (0, __1.useCursorifyDispatch)();
const handleMouseDown = () => {
dispatch({
type: 'UPDATE_MOUSE_STATE',
payload: 'mouseDown',
});
};
const handleMouseUp = () => {
dispatch({
type: 'UPDATE_MOUSE_STATE',
payload: 'default',
});
};
(0, react_1.useEffect)(() => {
window.addEventListener('mousedown', handleMouseDown);
window.addEventListener('mouseup', handleMouseUp);
return () => {
window.removeEventListener('mousedown', handleMouseDown);
window.removeEventListener('mouseup', handleMouseUp);
};
}, []);
return;
};
exports.default = useMouseStateEffect;