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,
- },
});