diff options
author | Paul Frazee <pfrazee@gmail.com> | 2023-08-30 16:18:21 -0700 |
---|---|---|
committer | Paul Frazee <pfrazee@gmail.com> | 2023-08-30 16:18:21 -0700 |
commit | f9cab178b9ee2a0ccfde7e0e2cbabff7600de69c (patch) | |
tree | c8609bd39cad46a232153a3d3a598ed1b667a027 /src/lib/hooks/useWebMediaQueries.tsx | |
parent | 9446c67880331452b3f79dabda183c23718edfa1 (diff) | |
parent | 59dcedeea25804188b3503dbf166fa794af20612 (diff) | |
download | voidsky-f9cab178b9ee2a0ccfde7e0e2cbabff7600de69c.tar.zst |
Merge branch 'ansh/app-812-add-custom-feed-discovery-to-onboarding' into main
Diffstat (limited to 'src/lib/hooks/useWebMediaQueries.tsx')
-rw-r--r-- | src/lib/hooks/useWebMediaQueries.tsx | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/src/lib/hooks/useWebMediaQueries.tsx b/src/lib/hooks/useWebMediaQueries.tsx index 441585442..fd7e383f0 100644 --- a/src/lib/hooks/useWebMediaQueries.tsx +++ b/src/lib/hooks/useWebMediaQueries.tsx @@ -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} } |