3 files changed, 24 insertions, 0 deletions
diff --git a/src/routes/main/MainStackNavigator.tsx b/src/routes/main/MainStackNavigator.tsx
index 74993af9..f3aa7fc6 100644
--- a/src/routes/main/MainStackNavigator.tsx
+++ b/src/routes/main/MainStackNavigator.tsx
@@ -11,6 +11,9 @@ import {
 } from '../../types';
 
 export type MainStackParams = {
+  SuggestedPeople: {
+    screenType: ScreenType;
+  };
   Search: {
     screenType: ScreenType;
   };
diff --git a/src/routes/main/MainStackScreen.tsx b/src/routes/main/MainStackScreen.tsx
index c0cef3ea..37f9bef8 100644
--- a/src/routes/main/MainStackScreen.tsx
+++ b/src/routes/main/MainStackScreen.tsx
@@ -16,6 +16,7 @@ import {
   RequestContactsAccess,
   SearchScreen,
   SocialMediaTaggs,
+  SuggestedPeopleScreen,
 } from '../../screens';
 import {ScreenType} from '../../types';
 import {AvatarHeaderHeight, SCREEN_WIDTH} from '../../utils';
@@ -43,6 +44,7 @@ const MainStackScreen: React.FC<MainStackProps> = ({route}) => {
   // const isProfileTab = screenType === ScreenType.Profile;
   const isSearchTab = screenType === ScreenType.Search;
   const isNotificationsTab = screenType === ScreenType.Notifications;
+  const isSuggestedPeopleTab = screenType === ScreenType.SuggestedPeople;
 
   AsyncStorage.getItem('respondedToAccessContacts').then((value) =>
     setRespondedToAccessContacts(value ? value : 'false'),
@@ -60,6 +62,8 @@ const MainStackScreen: React.FC<MainStackProps> = ({route}) => {
         return 'Search';
       case ScreenType.Notifications:
         return 'Notifications';
+      case ScreenType.SuggestedPeople:
+        return 'SuggestedPeople';
     }
   })();
 
@@ -77,6 +81,7 @@ const MainStackScreen: React.FC<MainStackProps> = ({route}) => {
     }),
   };
 
+  console.log('screenType: ', screenType);
   return (
     <MainStack.Navigator
       screenOptions={{
@@ -121,6 +126,13 @@ const MainStackScreen: React.FC<MainStackProps> = ({route}) => {
           initialParams={{screenType}}
         />
       )}
+      {isSuggestedPeopleTab && (
+        <MainStack.Screen
+          name="SuggestedPeople"
+          component={SuggestedPeopleScreen}
+          initialParams={{screenType}}
+        />
+      )}
       <MainStack.Screen
         name="CaptionScreen"
         component={CaptionScreen}
diff --git a/src/routes/tabs/NavigationBar.tsx b/src/routes/tabs/NavigationBar.tsx
index 7d29ab67..49713d66 100644
--- a/src/routes/tabs/NavigationBar.tsx
+++ b/src/routes/tabs/NavigationBar.tsx
@@ -55,6 +55,10 @@ const NavigationBar: React.FC = () => {
               );
             case 'Profile':
               return <NavigationIcon tab="Profile" disabled={!focused} />;
+            case 'SuggestedPeople':
+              return (
+                <NavigationIcon tab="SuggestedPeople" disabled={!focused} />
+              );
             default:
               return <Fragment />;
           }
@@ -73,6 +77,11 @@ const NavigationBar: React.FC = () => {
         },
       }}>
       <Tabs.Screen
+        name="SuggestedPeople"
+        component={MainStackScreen}
+        initialParams={{screenType: ScreenType.SuggestedPeople}}
+      />
+      <Tabs.Screen
         name="Search"
         component={MainStackScreen}
         initialParams={{screenType: ScreenType.Search}}