about summary refs log tree commit diff
path: root/src/lib/hooks/useWebMediaQueries.tsx
diff options
context:
space:
mode:
authorPaul Frazee <pfrazee@gmail.com>2023-08-30 16:18:21 -0700
committerPaul Frazee <pfrazee@gmail.com>2023-08-30 16:18:21 -0700
commitf9cab178b9ee2a0ccfde7e0e2cbabff7600de69c (patch)
treec8609bd39cad46a232153a3d3a598ed1b667a027 /src/lib/hooks/useWebMediaQueries.tsx
parent9446c67880331452b3f79dabda183c23718edfa1 (diff)
parent59dcedeea25804188b3503dbf166fa794af20612 (diff)
downloadvoidsky-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.tsx10
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}
 }