diff options
| -rw-r--r-- | src/components/taggs/TaggsBar.tsx | 3 | ||||
| -rw-r--r-- | src/screens/suggestedPeople/SuggestedPeopleScreen.tsx | 25 |
2 files changed, 17 insertions, 11 deletions
diff --git a/src/components/taggs/TaggsBar.tsx b/src/components/taggs/TaggsBar.tsx index 05ee18bb..0c4d76ea 100644 --- a/src/components/taggs/TaggsBar.tsx +++ b/src/components/taggs/TaggsBar.tsx @@ -151,14 +151,15 @@ const styles = StyleSheet.create({ shadowOffset: {width: 0, height: 2}, zIndex: 1, marginBottom: 25, + borderWidth: 1, }, container: { - backgroundColor: 'white', shadowColor: '#000', shadowRadius: 10, shadowOffset: {width: 0, height: 2}, zIndex: 1, paddingBottom: 5, + borderWidth: 1, }, contentContainer: { alignItems: 'center', diff --git a/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx index b9dee55a..89528a92 100644 --- a/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx +++ b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx @@ -130,13 +130,14 @@ const SuggestedPeopleScreen: React.FC = () => { <View style={styles.mainContainer}> <Text style={styles.title}>{firstItem && 'Suggested People'}</Text> <View style={styles.body}> - <View style={styles.addUserContainer}> - <View style={styles.nameInfoContainer}> - <Text style={styles.firstName}>{data.user.first_name}</Text> - <Text style={styles.username}>{'@' + data.user.username}</Text> - </View> - {/* TODO: Finish me ?! */} - {/* <TouchableOpacity + <View style={styles.marginManager}> + <View style={styles.addUserContainer}> + <View style={styles.nameInfoContainer}> + <Text style={styles.firstName}>{data.user.first_name}</Text> + <Text style={styles.username}>@{data.user.username}</Text> + </View> + {/* TODO: Finish me ?! */} + {/* <TouchableOpacity activeOpacity={0.5} // TODO: Call function to Add Friend onPress={() => console.log('Call add friend function')}> @@ -144,14 +145,18 @@ const SuggestedPeopleScreen: React.FC = () => { <Text style={styles.addButtonTitle}>{'Add Friend'}</Text> </View> </TouchableOpacity> */} + </View> </View> <TaggsBar y={y} userXId={data.user.id} profileBodyHeight={0} - screenType={ScreenType.SuggestedPeople} + screenType={screenType} + whiteRing={true} /> - <MutualFriends user={data.user} friends={data.mutual_friends} /> + <View style={styles.marginManager}> + <MutualFriends user={data.user} friends={data.mutual_friends} /> + </View> </View> </View> </> @@ -182,7 +187,7 @@ const SuggestedPeopleScreen: React.FC = () => { const styles = StyleSheet.create({ mainContainer: { flexDirection: 'column', - width: SCREEN_WIDTH * 0.9, + width: SCREEN_WIDTH, height: SCREEN_HEIGHT, paddingVertical: '15%', paddingBottom: '20%', |