navigation bar to go to suggested people

1 files changed, 12 insertions, 0 deletions

diff --git a/src/routes/main/MainStackScreen.tsx b/src/routes/main/MainStackScreen.tsx
index c0cef3ea..15950729 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 && console.log('triggered') && (
+        <MainStack.Screen
+          name="SuggestedPeople"
+          component={SuggestedPeopleScreen}
+          initialParams={{screenType}}
+        />
+      )}
       <MainStack.Screen
         name="CaptionScreen"
         component={CaptionScreen}