diff --git a/components/FloatingCallBubble.tsx b/components/FloatingCallBubble.tsx index b80a39b..8323532 100644 --- a/components/FloatingCallBubble.tsx +++ b/components/FloatingCallBubble.tsx @@ -3,7 +3,7 @@ * * Shows a floating bubble during active voice calls. * Can be dragged around the screen. - * Tapping it returns to the full voice call screen. + * Tapping it ends the call. */ import React, { useEffect, useRef, useState } from 'react'; @@ -15,9 +15,7 @@ import { Animated, PanResponder, Dimensions, - Platform, } from 'react-native'; -import { Ionicons } from '@expo/vector-icons'; import { useSafeAreaInsets } from 'react-native-safe-area-context'; import { AppColors, FontSizes, Spacing } from '@/constants/theme'; import { useVoiceCall } from '@/contexts/VoiceCallContext'; @@ -26,7 +24,7 @@ const BUBBLE_SIZE = 70; const { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = Dimensions.get('window'); export function FloatingCallBubble() { - const { callState, maximizeCall, endCall } = useVoiceCall(); + const { callState, endCall } = useVoiceCall(); const insets = useSafeAreaInsets(); // Animation values @@ -168,10 +166,10 @@ export function FloatingCallBubble() { ]} /> - {/* Main bubble */} + {/* Main bubble - tap to end call */} @@ -182,10 +180,6 @@ export function FloatingCallBubble() { - {/* End call button */} - - - ); } @@ -244,20 +238,4 @@ const styles = StyleSheet.create({ color: AppColors.white, fontVariant: ['tabular-nums'], }, - endButton: { - position: 'absolute', - top: -4, - right: -4, - width: 24, - height: 24, - borderRadius: 12, - backgroundColor: AppColors.error, - justifyContent: 'center', - alignItems: 'center', - shadowColor: '#000', - shadowOffset: { width: 0, height: 2 }, - shadowOpacity: 0.25, - shadowRadius: 4, - elevation: 5, - }, });