16 lines
515 B
TypeScript
16 lines
515 B
TypeScript
import { useMemo } from "react";
|
|
import { useIsMobile } from "./use-is-mobile";
|
|
import useHeaderConfig from "@/features/core/hooks/use-header-config";
|
|
const useAppShellHeight = () => {
|
|
const isMobile = useIsMobile();
|
|
const headerConfig = useHeaderConfig();
|
|
|
|
const height = useMemo(() =>
|
|
`calc(100dvh - var(--app-shell-header-height, 0px) - ${isMobile && !headerConfig.collapsed ? '4rem' : '0px'} - 1.285rem)`,
|
|
[isMobile, headerConfig.collapsed]);
|
|
|
|
return height;
|
|
}
|
|
|
|
export default useAppShellHeight;
|