Added new compoent to suggested people

2 files changed, 6 insertions, 2 deletions

diff --git a/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx
index 4d0a9bd5..5db4e5b6 100644
--- a/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx
+++ b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx
@@ -16,6 +16,7 @@ import {ScreenType} from '../../types';
 import {useSelector} from 'react-redux';
 import {RootState} from '../../store/rootReducer';
 import {useFocusEffect, useNavigation} from '@react-navigation/native';
+import {MutualFriends} from '../../components/suggestedPeople';
 
 /**
  * Bare bones for suggested people consisting of:
@@ -83,7 +84,8 @@ const SuggestedPeopleScreen: React.FC = () => {
               profileBodyHeight={0}
               screenType={screenType}
             />
-            {/* TODO: Add MutualFriends here */}
+            {/* TODO: Pass mutual friends to component and render only if mutual friends exist / display no mutual friends */}
+            <MutualFriends />
           </View>
         </View>
         <TabsGradient />
diff --git a/src/types/types.ts b/src/types/types.ts
index fe16fb8e..874b9eb7 100644
--- a/src/types/types.ts
+++ b/src/types/types.ts
@@ -109,7 +109,9 @@ export type PreviewType =
   | 'Search'
   | 'Recent'
   | 'Discover Users'
-  | 'Friend';
+  | 'Friend'
+  | 'Suggested People Drawer'
+  | 'Suggested People Screen';
 
 export enum ScreenType {
   Profile,