From c32197f793005a81a0a06c6d755ed374078624c3 Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <shravs1208@gmail.com>
Date: Mon, 8 Feb 2021 14:43:20 -0800
Subject: navigation bar to go to suggested people

---
 src/routes/main/MainStackNavigator.tsx |  1 +
 src/routes/main/MainStackScreen.tsx    | 12 ++++++++++++
 src/routes/tabs/NavigationBar.tsx      |  9 +++++++++
 3 files changed, 22 insertions(+)

(limited to 'src/routes')

diff --git a/src/routes/main/MainStackNavigator.tsx b/src/routes/main/MainStackNavigator.tsx
index 74993af9..04d2fc38 100644
--- a/src/routes/main/MainStackNavigator.tsx
+++ b/src/routes/main/MainStackNavigator.tsx
@@ -11,6 +11,7 @@ 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..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}
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 />;
           }
@@ -72,6 +76,11 @@ const NavigationBar: React.FC = () => {
           bottom: '1%',
         },
       }}>
+      <Tabs.Screen
+        name="SuggestedPeople"
+        component={MainStackScreen}
+        initialParams={{screenType: ScreenType.SuggestedPeople}}
+      />
       <Tabs.Screen
         name="Search"
         component={MainStackScreen}
-- 
cgit v1.2.3-70-g09d2