@redocly/theme/lib/core/hooks/use-navbar-height.js

Shared UI components lib

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useNavbarHeight = useNavbarHeight;
const react_1 = require("react");
const get_navbar_element_1 = require("../utils/get-navbar-element");
function useNavbarHeight(location) {
    const [height, setHeight] = (0, react_1.useState)(0);
    (0, react_1.useEffect)(() => {
        const navbar = (0, get_navbar_element_1.getNavbarElement)();
        setHeight((navbar && navbar.clientHeight) || 0);
    }, [location.pathname]);
    (0, react_1.useEffect)(() => {
        window.requestAnimationFrame(() => {
            const navbar = (0, get_navbar_element_1.getNavbarElement)();
            setHeight((navbar && navbar.clientHeight) || 0);
        });
    }, []);
    return height;
}
//# sourceMappingURL=use-navbar-height.js.map