@xo-union/tk-component-header-nav
Version:
31 lines (30 loc) • 1.23 kB
JavaScript
;
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js/object/define-property");
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
_Object$defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js/set-timeout"));
var _globalThis2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js/global-this"));
var _react = _interopRequireDefault(require("react"));
const useAnimationEnabled = () => {
const resetTimer = _react.default.useRef();
const [animationEnabled, setAnimationEnabled] = _react.default.useState(true);
_react.default.useEffect(() => {
const onResize = () => {
clearTimeout(resetTimer.current);
setAnimationEnabled(false);
resetTimer.current = (0, _setTimeout2.default)(() => {
setAnimationEnabled(true);
}, 300);
};
_globalThis2.default.addEventListener('resize', onResize);
return () => {
_globalThis2.default.removeEventListener('resize', onResize);
};
}, []);
return animationEnabled;
};
var _default = useAnimationEnabled;
exports.default = _default;