mobile: improve usability for exiting stream

This commit is contained in:
talksik
2026-04-30 17:52:37 -07:00
parent 43ad4d3b62
commit 5b8aefd994
@@ -3,6 +3,7 @@ import { Alert, Dimensions, Pressable, Text, View } from "react-native";
import { SafeAreaView, useSafeAreaInsets } from "react-native-safe-area-context"; import { SafeAreaView, useSafeAreaInsets } from "react-native-safe-area-context";
import { StatusBar } from "expo-status-bar"; import { StatusBar } from "expo-status-bar";
import * as Haptics from "expo-haptics"; import * as Haptics from "expo-haptics";
import { ChevronDown } from "lucide-react-native";
import { import {
Gesture, Gesture,
GestureDetector, GestureDetector,
@@ -538,9 +539,17 @@ function StreamViewInner({ streamParticle, path, onExit }: StreamViewProps) {
> >
<View className="px-4" pointerEvents="box-none"> <View className="px-4" pointerEvents="box-none">
<View <View
className="flex-row items-start gap-3" className="flex-row items-start gap-2"
pointerEvents="box-none" pointerEvents="box-none"
> >
<Pressable
onPress={exit}
accessibilityLabel="Close stream"
hitSlop={8}
className="bg-white/10 active:bg-white/20 h-8 w-8 items-center justify-center rounded-full"
>
<ChevronDown color="white" size={18} strokeWidth={2} />
</Pressable>
<View className="flex-1" pointerEvents="none"> <View className="flex-1" pointerEvents="none">
<StreamMetadataHeader <StreamMetadataHeader
particle={currentParticle} particle={currentParticle}