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

5
src/view/com/util/layouts/withBreakpoints.tsx
View file

@ -1,6 +1,6 @@
import React from 'react'
import {useMediaQuery} from 'react-responsive'
import {isNative} from 'platform/detection'
import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries'
export const withBreakpoints =
<P extends object>(
@ -9,8 +9,7 @@ export const withBreakpoints =
Desktop: React.ComponentType<P>,
): React.FC<P> =>
(props: P) => {
const isTabletOrMobile = useMediaQuery({query: '(max-width: 1224px)'})
const isMobile = useMediaQuery({query: '(max-width: 800px)'})
const {isMobile, isTabletOrMobile} = useWebMediaQueries()
if (isMobile || isNative) {
return <Mobile {...props} />