19 lines
626 B
TypeScript
19 lines
626 B
TypeScript
import mangoStore from '@store/mangoStore'
|
|
import { useMemo } from 'react'
|
|
import { breakpoints } from 'utils/theme'
|
|
|
|
export const useViewport = () => {
|
|
const width = mangoStore((s) => s.window.width)
|
|
const height = mangoStore((s) => s.window.height)
|
|
|
|
const [isMobile, isTablet, isDesktop] = useMemo(() => {
|
|
if (!width) return [false, false, false]
|
|
const mobile = width < breakpoints.sm
|
|
const tablet = width >= breakpoints.sm && width < breakpoints.lg
|
|
const desktop = width >= breakpoints.lg
|
|
return [mobile, tablet, desktop]
|
|
}, [width])
|
|
|
|
return { width, height, isMobile, isTablet, isDesktop }
|
|
}
|