zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

More fixes to mobile onboard

Browse source
This commit is contained in:
Paul Frazee 2023-08-30 15:15:10 -07:00
parent 05d1d8d8a4
commit 8ed6e72ea4
8 changed files with 255 additions and 166 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/lib/hooks/useWebMediaQueries.tsx
View file

@ -1,8 +1,14 @@
import {useMediaQuery} from 'react-responsive'
import {isNative} from 'platform/detection'
export function useWebMediaQueries() {
const isDesktop = useMediaQuery({
query: '(min-width: 1230px)',
query: '(min-width: 1224px)',
})
return {isDesktop}
const isTabletOrMobile = useMediaQuery({query: '(max-width: 1224px)'})
const isMobile = useMediaQuery({query: '(max-width: 800px)'})
if (isNative) {
return {isMobile: true, isTabletOrMobile: true, isDesktop: false}
}
return {isMobile, isTabletOrMobile, isDesktop}
}