added taggs bar and white ring

2 files changed, 21 insertions, 4 deletions

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 01698ac5..13dc422b 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: {},
 });