···11import React, {useContext} from 'react'
22import {ScrollView, View} from 'react-native'
33-import {GestureDetector} from 'react-native-gesture-handler'
33+import {DrawerGestureContext} from 'react-native-drawer-layout'
44+import {Gesture, GestureDetector} from 'react-native-gesture-handler'
45import {msg} from '@lingui/macro'
56import {useLingui} from '@lingui/react'
67···1213import {useTrendingTopics} from '#/state/queries/trending/useTrendingTopics'
1314import {useTrendingConfig} from '#/state/trending-config'
1415import {LoadingPlaceholder} from '#/view/com/util/LoadingPlaceholder'
1515-import {TrendingGestureContext} from '#/view/shell/TrendingGestureContext'
1616import {atoms as a, useGutters, useTheme} from '#/alf'
1717import {Button, ButtonIcon} from '#/components/Button'
1818import {TimesLarge_Stroke2_Corner0_Rounded as X} from '#/components/icons/Times'
···4141 setTrendingDisabled(true)
4242 }, [setTrendingDisabled])
43434444- // This is coordinated to take precedence over the drawer pan gesture.
4545- const trendingScrollGesture = useContext(TrendingGestureContext)
4444+ const drawerGesture = useContext(DrawerGestureContext)!
4545+ const trendingScrollGesture =
4646+ Gesture.Native().blocksExternalGesture(drawerGesture)
46474748 return error || noTopics ? null : (
4849 <View style={[t.atoms.border_contrast_low, a.border_t]}>
-7
src/view/shell/TrendingGestureContext.tsx
···11-import {createContext} from 'react'
22-import {Gesture} from 'react-native-gesture-handler'
33-44-// Not really used but serves as a fallback for types.
55-const noopGesture = Gesture.Native()
66-77-export const TrendingGestureContext = createContext(noopGesture)