synapse-react-client/dist/utils/hooks/useShowDesktop.js

[](https://travis-ci.com/Sage-Bionetworks/Synapse-React-Client) [](https://badge.fury.io/js/synaps

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = require("react");
// This should match $breakpoints.medium in _variables.scss
var MOBILE_VIEWPORT_MAX_WIDTH_PX = 768;
function useShowDesktop(breakpoint) {
    var usedBreakpoint = breakpoint !== null && breakpoint !== void 0 ? breakpoint : MOBILE_VIEWPORT_MAX_WIDTH_PX;
    var _a = (0, react_1.useState)(window.innerWidth > usedBreakpoint), showDesktop = _a[0], setShowDesktop = _a[1];
    (0, react_1.useEffect)(function () {
        var listener = function () {
            var updatedValue = window.innerWidth > usedBreakpoint;
            if (updatedValue !== showDesktop) {
                setShowDesktop(updatedValue);
            }
        };
        window.addEventListener('resize', listener);
        return function () {
            window.removeEventListener('resize', listener);
        };
    });
    return showDesktop;
}
exports.default = useShowDesktop;
//# sourceMappingURL=useShowDesktop.js.map