diff options
Diffstat (limited to 'src/screens')
| -rw-r--r-- | src/screens/profile/EditProfile.tsx | 14 | ||||
| -rw-r--r-- | src/screens/profile/SocialMediaTaggs.tsx | 2 | ||||
| -rw-r--r-- | src/screens/suggestedPeople/SuggestedPeopleScreen.tsx | 23 |
3 files changed, 32 insertions, 7 deletions
diff --git a/src/screens/profile/EditProfile.tsx b/src/screens/profile/EditProfile.tsx index 7d3ca581..56bed11f 100644 --- a/src/screens/profile/EditProfile.tsx +++ b/src/screens/profile/EditProfile.tsx @@ -38,7 +38,7 @@ import {HeaderHeight, SCREEN_HEIGHT} from '../../utils'; import {RootState} from '../../store/rootReducer'; import {useDispatch, useSelector} from 'react-redux'; import {loadUserData} from '../../store/actions'; -import {BackgroundGradientType} from '../../types'; +import {BackgroundGradientType, ScreenType} from '../../types'; import { ERROR_DOUBLE_CHECK_CONNECTION, ERROR_SOMETHING_WENT_WRONG_REFRESH, @@ -527,7 +527,11 @@ const EditProfile: React.FC<EditProfileProps> = ({route, navigation}) => { /> {snapchat !== '' && ( <View style={styles.row}> - <SocialIcon social={'Snapchat'} style={styles.icon} /> + <SocialIcon + social={'Snapchat'} + style={styles.icon} + screenType={ScreenType.Profile} + /> <View style={styles.taggInput}> <TaggInput accessibilityHint="Snapchat Username" @@ -552,7 +556,11 @@ const EditProfile: React.FC<EditProfileProps> = ({route, navigation}) => { )} {tiktok !== '' && ( <View style={styles.row}> - <SocialIcon social={'TikTok'} style={styles.icon} /> + <SocialIcon + social={'TikTok'} + style={styles.icon} + screenType={ScreenType.Profile} + /> <View style={styles.taggInput}> <TaggInput accessibilityHint="TikTok Username" diff --git a/src/screens/profile/SocialMediaTaggs.tsx b/src/screens/profile/SocialMediaTaggs.tsx index 1b6bb389..45d417a6 100644 --- a/src/screens/profile/SocialMediaTaggs.tsx +++ b/src/screens/profile/SocialMediaTaggs.tsx @@ -12,7 +12,7 @@ import { } from '../../components'; import {AVATAR_GRADIENT} from '../../constants'; import {ProfileStackParams} from '../../routes'; -import {SimplePostType, TwitterPostType, SocialAccountType} from '../../types'; +import {SimplePostType, TwitterPostType, SocialAccountType, ScreenType} from '../../types'; import {AvatarHeaderHeight, SCREEN_HEIGHT} from '../../utils'; import {useSelector} from 'react-redux'; import {RootState} from '../../store/rootReducer'; diff --git a/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx index 1c4c3601..fffaf715 100644 --- a/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx +++ b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx @@ -1,4 +1,4 @@ -import React from 'react'; +import React, { useEffect } from 'react'; import { StatusBar, StyleSheet, @@ -7,10 +7,20 @@ import { View, } from 'react-native'; import {Image} from 'react-native-animatable'; -import {isIPhoneX, SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils'; -import {TabsGradient} from '../../components'; +import { + fetchUserX, + isIPhoneX, + SCREEN_HEIGHT, + SCREEN_WIDTH, + userXInStore, +} from '../../utils'; +import {TabsGradient, TaggsBar} from '../../components'; import {SafeAreaView} from 'react-native-safe-area-context'; import {normalize} from '../../utils'; +import Animated from 'react-native-reanimated'; +import {ScreenType} from '../../types'; +import {useDispatch, useStore} from 'react-redux'; +import {RootState} from '../../store/rootReducer'; /** * Bare bones for suggested people consisting of: @@ -51,6 +61,12 @@ const SuggestedPeopleScreen: React.FC = () => { </TouchableOpacity> </View> {/* TODO: Add TaggsBar here */} + <TaggsBar + y={Animated.useValue(0)} + userXId={''} + profileBodyHeight={0} + screenType={ScreenType.SuggestedPeople} + /> {/* TODO: Add MutualFriends here */} </View> </View> @@ -139,6 +155,7 @@ const styles = StyleSheet.create({ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'flex-start', + marginBottom: '5%', }, body: {}, }); |