2 files changed, 13 insertions, 25 deletions
diff --git a/src/screens/profile/FollowersListScreen.tsx b/src/screens/profile/FriendsListScreen.tsx
index 874dd01b..f7192d10 100644
--- a/src/screens/profile/FollowersListScreen.tsx
+++ b/src/screens/profile/FriendsListScreen.tsx
@@ -1,6 +1,6 @@
-import React, {useEffect, useState} from 'react';
+import React, {useState} from 'react';
 import {RouteProp} from '@react-navigation/native';
-import {TabsGradient, Followers, CenteredView} from '../../components';
+import {TabsGradient, Friends, CenteredView} from '../../components';
 import {ScrollView} from 'react-native-gesture-handler';
 import {SCREEN_HEIGHT} from '../../utils';
 import {StyleSheet, View} from 'react-native';
@@ -10,28 +10,20 @@ import {EMPTY_PROFILE_PREVIEW_LIST} from '../../store/initialStates';
 import {useSelector} from 'react-redux';
 import {RootState} from '../../store/rootReducer';
 
-type FollowersListScreenRouteProp = RouteProp<
+type FriendsListScreenRouteProp = RouteProp<
   ProfileStackParams,
-  'FollowersListScreen'
+  'FriendsListScreen'
 >;
-interface FollowersListScreenProps {
-  route: FollowersListScreenRouteProp;
+interface FriendsListScreenProps {
+  route: FriendsListScreenRouteProp;
 }
 
-const FollowersListScreen: React.FC<FollowersListScreenProps> = ({route}) => {
-  const {isFollowers, userXId, screenType} = route.params;
+const FriendsListScreen: React.FC<FriendsListScreenProps> = ({route}) => {
+  const {userXId, screenType} = route.params;
 
-  const {followers, following} = userXId
+  const {friends} = userXId
     ? useSelector((state: RootState) => state.userX[screenType][userXId])
-    : useSelector((state: RootState) => state.follow);
-
-  const [list, setList] = useState<ProfilePreviewType[]>(
-    EMPTY_PROFILE_PREVIEW_LIST,
-  );
-
-  useEffect(() => {
-    setList(isFollowers ? followers : following);
-  }, [followers, following, setList]);
+    : useSelector((state: RootState) => state.friends);
 
   return (
     <CenteredView>
@@ -41,11 +33,7 @@ const FollowersListScreen: React.FC<FollowersListScreenProps> = ({route}) => {
           stickyHeaderIndices={[4]}
           contentContainerStyle={styles.contentContainer}
           showsVerticalScrollIndicator={false}>
-          <Followers
-            result={list}
-            sectionTitle={isFollowers ? 'Followers' : 'Following'}
-            screenType={screenType}
-          />
+          <Friends result={friends} screenType={screenType} />
         </ScrollView>
         <TabsGradient />
       </View>
@@ -80,4 +68,4 @@ const styles = StyleSheet.create({
   },
 });
 
-export default FollowersListScreen;
+export default FriendsListScreen;
diff --git a/src/screens/profile/index.ts b/src/screens/profile/index.ts
index 3bfe5d30..b6a13144 100644
--- a/src/screens/profile/index.ts
+++ b/src/screens/profile/index.ts
@@ -3,5 +3,5 @@ export {default as SocialMediaTaggs} from './SocialMediaTaggs';
 export {default as CaptionScreen} from './CaptionScreen';
 export {default as IndividualMoment} from './IndividualMoment';
 export {default as MomentCommentsScreen} from './MomentCommentsScreen';
-export {default as FollowersListScreen} from './FollowersListScreen';
+export {default as FriendsListScreen} from './FriendsListScreen';
 export {default as EditProfile} from './EditProfile';