24 lines
963 B
TypeScript
24 lines
963 B
TypeScript
import { View, Text, TouchableOpacity } from 'react-native';
|
|
import { router } from 'expo-router';
|
|
|
|
export default function PaymentsScreen() {
|
|
return (
|
|
<View className="flex-1 bg-gray-50">
|
|
<View className="px-4 pt-14 pb-4 bg-primary">
|
|
<Text className="text-white text-xl font-bold">Payments</Text>
|
|
</View>
|
|
<View className="flex-1 items-center justify-center px-8">
|
|
<Text className="text-6xl mb-4">💰</Text>
|
|
<Text className="text-xl font-bold text-gray-900 mb-2">Record a Payment</Text>
|
|
<Text className="text-gray-500 text-center mb-8">Collect payments from clients in the field</Text>
|
|
<TouchableOpacity
|
|
className="bg-primary rounded-xl py-4 px-8 w-full items-center"
|
|
onPress={() => router.push('/(app)/payments/record')}
|
|
>
|
|
<Text className="text-white font-semibold text-base">Record Payment</Text>
|
|
</TouchableOpacity>
|
|
</View>
|
|
</View>
|
|
);
|
|
}
|