kibin/territory-log
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Sprint 5 - Toast, ConfirmDialog, EmptyStates, Settings, Export/Import, Accessibility (TERLOG-52/53/54/55/56/57/58/59)

Browse Source
This commit is contained in:
root
2026-02-19 22:05:40 +08:00
parent 6fe6ebef13
commit c8fe67f346
20 changed files with 1416 additions and 619 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
components/contacts/EditContactSheet.tsx
View File

@@ -55,9 +55,16 @@ export function EditContactSheet({ contact, visible, onClose, onSaved }: Props)
<KeyboardAvoidingView behavior={Platform.OS === 'ios' ? 'padding' : 'height'} className="flex-1">
<View className="flex-1 bg-secondary">
<View className="flex-row items-center justify-between px-4 py-4 border-b border-gray-200 bg-white">
<TouchableOpacity onPress={onClose}><X size={22} color="#2C3E50" /></TouchableOpacity>
<TouchableOpacity
onPress={onClose}
accessibilityRole="button"
accessibilityLabel="Close"
style={{ minWidth: 44, minHeight: 44, alignItems: 'center', justifyContent: 'center' }}
>
<X size={22} color="#2C3E50" />
</TouchableOpacity>
<Text className="text-charcoal font-semibold text-lg">Edit Contact</Text>
<View style={{ width: 22 }} />
<View style={{ width: 44 }} />
</View>
<ScrollView className="flex-1 px-4 pt-4" keyboardShouldPersistTaps="handled">
<Input label="Full Name *" value={fullName} onChangeText={setFullName} />
@@ -65,7 +72,15 @@ export function EditContactSheet({ contact, visible, onClose, onSaved }: Props)
<Text className="text-charcoal font-medium mb-2">Status</Text>
<View className="flex-row flex-wrap gap-2 mb-4">
{STATUS_OPTIONS.map((s) => (
<TouchableOpacity key={s} onPress={() => setStatus(s as any)} className={`px-3 py-1.5 rounded-full border ${status === s ? 'bg-primary border-primary' : 'bg-white border-gray-200'}`}>
<TouchableOpacity
key={s}
onPress={() => setStatus(s as any)}
className={`px-3 py-1.5 rounded-full border ${status === s ? 'bg-primary border-primary' : 'bg-white border-gray-200'}`}
accessibilityRole="button"
accessibilityLabel={`Status: ${s}`}
accessibilityState={{ selected: status === s }}
style={{ minHeight: 36 }}
>
<Text className={`text-sm ${status === s ? 'text-white' : 'text-charcoal'}`}>{s}</Text>
</TouchableOpacity>
))}
@@ -73,7 +88,15 @@ export function EditContactSheet({ contact, visible, onClose, onSaved }: Props)
<Text className="text-charcoal font-medium mb-2">Category</Text>
<View className="flex-row gap-2 mb-4">
{CATEGORY_OPTIONS.map((c) => (
<TouchableOpacity key={c} onPress={() => setCategory(c as any)} className={`px-3 py-1.5 rounded-full border ${category === c ? 'bg-primary border-primary' : 'bg-white border-gray-200'}`}>
<TouchableOpacity
key={c}
onPress={() => setCategory(c as any)}
className={`px-3 py-1.5 rounded-full border ${category === c ? 'bg-primary border-primary' : 'bg-white border-gray-200'}`}
accessibilityRole="button"
accessibilityLabel={`Category: ${c}`}
accessibilityState={{ selected: category === c }}
style={{ minHeight: 36 }}
>
<Text className={`text-sm ${category === c ? 'text-white' : 'text-charcoal'}`}>{c}</Text>
</TouchableOpacity>
))}