diff --git a/src/screens/Feeds/VibeScreen.tsx b/src/screens/Feeds/VibeScreen.tsx index 4b9be8f3f1..5c5b41d0f1 100644 --- a/src/screens/Feeds/VibeScreen.tsx +++ b/src/screens/Feeds/VibeScreen.tsx @@ -10,6 +10,7 @@ import { import {Gesture, GestureDetector} from 'react-native-gesture-handler' import {runOnJS} from 'react-native-reanimated' import {SafeAreaView, useSafeAreaInsets} from 'react-native-safe-area-context' +import {Image} from 'expo-image' import {LinearGradient} from 'expo-linear-gradient' import {useVideoPlayer, VideoPlayer, VideoView} from 'expo-video' import { @@ -135,12 +136,11 @@ function YoloFeed() { player={player} post={post} embed={post.embed} - loaded={ + active={ isFocused && - Math.abs(index - currentIndex) < 2 && + index === currentIndex && currentSource === post.embed.playlist } - active={isFocused && index === currentIndex} /> ) }, @@ -248,13 +248,12 @@ function VibeItem({ player, post, embed, - loaded, + active, }: { player: VideoPlayer post: AppBskyFeedDefs.PostView embed: AppBskyEmbedVideo.View active: boolean - loaded: boolean }) { const {height, width} = useWindowDimensions() const insets = useSafeAreaInsets() @@ -276,12 +275,31 @@ function VibeItem({ width, }}> - {loaded && ( + {active && ( + )} + {embed.thumbnail && ( + )}