diff --git a/src/screens/VideoFeed/index.tsx b/src/screens/VideoFeed/index.tsx index 21b2ec5bec..79cb56f3ae 100644 --- a/src/screens/VideoFeed/index.tsx +++ b/src/screens/VideoFeed/index.tsx @@ -21,6 +21,7 @@ import { useSafeAreaFrame, useSafeAreaInsets, } from 'react-native-safe-area-context' +import {useEvent} from 'expo' import {useEventListener} from 'expo' import {Image, ImageStyle} from 'expo-image' import {LinearGradient} from 'expo-linear-gradient' @@ -140,7 +141,7 @@ export function VideoFeed({}: NativeStackScreenProps<
@@ -731,11 +732,13 @@ function Overlay({ - + {player && ( + + )} feedContext: string | undefined }) { @@ -980,6 +983,9 @@ function PlayPauseTapArea({ const playHaptic = useHaptics() const [queueLike] = usePostLikeMutationQueue(post, 'ImmersiveVideo') const {sendInteraction} = useFeedFeedbackContext() + const {isPlaying} = useEvent(player, 'playingChange', { + isPlaying: player.playing, + }) const togglePlayPause = () => { if (!player) return @@ -1010,10 +1016,15 @@ function PlayPauseTapArea({ return ( )