aboutsummaryrefslogtreecommitdiff
path: root/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'src/components')
-rw-r--r--src/components/friends/InviteFriendTile.tsx30
-rw-r--r--src/components/profile/Friends.tsx5
2 files changed, 16 insertions, 19 deletions
diff --git a/src/components/friends/InviteFriendTile.tsx b/src/components/friends/InviteFriendTile.tsx
index f56d3514..9613b1ac 100644
--- a/src/components/friends/InviteFriendTile.tsx
+++ b/src/components/friends/InviteFriendTile.tsx
@@ -6,8 +6,6 @@ import {
TouchableWithoutFeedback,
View,
} from 'react-native';
-import {useSelector} from 'react-redux';
-import {RootState} from '../../store/rootReducer';
import {TAGG_LIGHT_BLUE} from '../../constants';
import {inviteFriendService} from '../../services';
import {normalize} from '../../utils';
@@ -48,24 +46,11 @@ const InviteFriendTile: React.FC<InviteFriendTileProps> = ({item}) => {
return (
<TouchableWithoutFeedback>
<View style={styles.container}>
- <View
- style={{
- flexDirection: 'column',
- height: normalize(42),
- justifyContent: 'space-around',
- }}>
+ <View style={styles.bodyContainer}>
<Text style={styles.label}>
{item.firstName + ' ' + item.lastName}
</Text>
- <Text
- style={{
- fontSize: normalize(12),
- fontWeight: '400',
- color: '#6C6C6C',
- letterSpacing: normalize(0.1),
- }}>
- {formatedPhoneNumber}
- </Text>
+ <Text style={styles.phoneNumber}>{formatedPhoneNumber}</Text>
</View>
<TouchableOpacity
disabled={invited}
@@ -88,10 +73,21 @@ const styles = StyleSheet.create({
height: normalize(42),
marginBottom: '5%',
},
+ bodyContainer: {
+ flexDirection: 'column',
+ height: normalize(42),
+ justifyContent: 'space-around',
+ },
label: {
fontWeight: '500',
fontSize: normalize(14),
},
+ phoneNumber: {
+ fontSize: normalize(12),
+ fontWeight: '400',
+ color: '#6C6C6C',
+ letterSpacing: normalize(0.1),
+ },
button: {
alignSelf: 'center',
justifyContent: 'center',
diff --git a/src/components/profile/Friends.tsx b/src/components/profile/Friends.tsx
index 7d57177c..1c295c25 100644
--- a/src/components/profile/Friends.tsx
+++ b/src/components/profile/Friends.tsx
@@ -1,7 +1,7 @@
import {useNavigation} from '@react-navigation/native';
import React, {useEffect, useState} from 'react';
import {ScrollView, StyleSheet, Text, View} from 'react-native';
-import {checkPermission, getAll} from 'react-native-contacts';
+import {checkPermission} from 'react-native-contacts';
import {TouchableOpacity} from 'react-native-gesture-handler';
import {useDispatch, useSelector, useStore} from 'react-redux';
import {TAGG_LIGHT_BLUE} from '../../constants';
@@ -97,7 +97,7 @@ const Friends: React.FC<FriendsProps> = ({result, screenType, userId}) => {
<View style={styles.addFriendHeaderContainer}>
<Text style={[styles.subheaderText]}>Add Friends</Text>
<TouchableOpacity
- style={{flexDirection: 'row'}}
+ style={styles.findFriendsButton}
onPress={() =>
navigation.navigate('InviteFriendsScreen', {
screenType: ScreenType.Profile,
@@ -176,6 +176,7 @@ const styles = StyleSheet.create({
fontWeight: '600',
lineHeight: normalize(14.32),
},
+ findFriendsButton: {flexDirection: 'row'},
friendsSubheaderText: {
alignSelf: 'center',
width: SCREEN_WIDTH * 0.85,