robinwobin.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 馃挮
1import {useMediaQuery} from 'react-responsive'
2
3import {IS_NATIVE} from '#/env'
4
5/**
6 * @deprecated use `useBreakpoints` from `#/alf` instead
7 */
8export function useWebMediaQueries() {
9 const isDesktop = useMediaQuery({minWidth: 1300})
10 const isTablet = useMediaQuery({minWidth: 800, maxWidth: 1300 - 1})
11 const isMobile = useMediaQuery({maxWidth: 800 - 1})
12 const isTabletOrMobile = isMobile || isTablet
13 const isTabletOrDesktop = isDesktop || isTablet
14 if (IS_NATIVE) {
15 return {
16 isMobile: true,
17 isTablet: false,
18 isTabletOrMobile: true,
19 isTabletOrDesktop: false,
20 isDesktop: false,
21 }
22 }
23 return {isMobile, isTablet, isTabletOrMobile, isTabletOrDesktop, isDesktop}
24}