CircleCollect/circle-collect
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added fetch contact from real device icon

Browse Source
This commit is contained in:
Jaanu423
2025-09-19 12:26:57 +05:30
parent d4b638ce2f
commit 3b1dc58405
10 changed files with 382 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/RequestCard.tsx
+7 -7
View File
@@ -23,7 +23,7 @@ export const RequestCard: FC<RequestCardProps> = ({ item, onApprove, onDecline }
/>
<View style={styles.userInfo}>
<Text style={styles.userName} numberOfLines={1}>{item.userName}</Text>
<Text style={styles.userMeta}><Ionicons name="call-outline" size={14} color={colors.textSecondary} /> {item.mobile}</Text>
<Text style={styles.userMeta}><Ionicons name="call-outline" size={14} color={colors.textLight} /> {item.mobile}</Text>
</View>
</View>
@@ -37,13 +37,13 @@ export const RequestCard: FC<RequestCardProps> = ({ item, onApprove, onDecline }
{/* Bottom section with action buttons */}
<View style={styles.actionsSection}>
<TouchableOpacity style={[styles.actionButton, styles.declineButton]} onPress={() => onDecline(item)}>
<Ionicons name="close-outline" size={20} color={colors.danger} />
<Text style={[styles.actionButtonText, { color: colors.danger }]}>Decline</Text>
<Ionicons name="close-outline" size={20} color={colors.pastelOrange} />
<Text style={[styles.actionButtonText, { color: colors.pastelOrange }]}>Decline</Text>
</TouchableOpacity>
<TouchableOpacity style={[styles.actionButton, styles.approveButton]} onPress={() => onApprove(item)}>
{/* Corrected icon color and updated text color for better contrast */}
<Ionicons name="checkmark-outline" size={20} color={colors.textPrimary} />
<Text style={[styles.actionButtonText, { color: colors.textPrimary }]}>Approve</Text>
<Ionicons name="checkmark-outline" size={20} color={colors.textDark} />
<Text style={[styles.actionButtonText, { color: colors.textDark }]}>Approve</Text>
</TouchableOpacity>
</View>
</View>
@@ -77,7 +77,7 @@ const styles = StyleSheet.create({
flexDirection: 'row',
alignItems: 'center',
borderBottomWidth: 1,
borderBottomColor: colors.border,
borderBottomColor: colors.textLight,
paddingBottom: 12,
},
avatar: {
@@ -125,7 +125,7 @@ const styles = StyleSheet.create({
borderRadius: 12,
},
declineButton: {
backgroundColor: colors.lightDanger,
backgroundColor: colors.pastelPink,
},
approveButton: {
// Set background color as requested