diff options
| author | Ivan Chen <ivan@tagg.id> | 2021-02-20 12:49:21 -0500 |
|---|---|---|
| committer | Ivan Chen <ivan@tagg.id> | 2021-02-20 12:49:21 -0500 |
| commit | 48d64cc005d390a60991d6d051d57df3efc3af21 (patch) | |
| tree | 773261b4b671338c5c819b4cb335926f442b72d3 | |
| parent | 76e4907ab6f480a775a26ab13487d290501a1262 (diff) | |
fixed taggs bar
| -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%', |