nasso.dev
my fork of the bluesky client
danabra.mov
1import {useMediaQuery} from 'react-responsive'
2
3import {isNative} from '#/platform/detection'
4
5export function useWebMediaQueries() {
6 const isDesktop = useMediaQuery({minWidth: 1300})
7 const isTablet = useMediaQuery({minWidth: 800, maxWidth: 1300 - 1})
8 const isMobile = useMediaQuery({maxWidth: 800 - 1})
9 const isTabletOrMobile = isMobile || isTablet
10 const isTabletOrDesktop = isDesktop || isTablet
11 if (isNative) {
12 return {
13 isMobile: true,
14 isTablet: false,
15 isTabletOrMobile: true,
16 isTabletOrDesktop: false,
17 isDesktop: false,
18 }
19 }
20 return {isMobile, isTablet, isTabletOrMobile, isTabletOrDesktop, isDesktop}
21}