Remove title, Cleanup caption screen route props, Add new screen

2 files changed, 18 insertions, 11 deletions

diff --git a/src/routes/main/MainStackNavigator.tsx b/src/routes/main/MainStackNavigator.tsx
index d21a1fe4..e840eb38 100644
--- a/src/routes/main/MainStackNavigator.tsx
+++ b/src/routes/main/MainStackNavigator.tsx
@@ -35,13 +35,21 @@ export type MainStackParams = {
     userXId: string | undefined;
     screenType: ScreenType;
   };
+  CameraScreen: {
+    screenType: ScreenType;
+  };
+  ZoomInCropper: {
+    media: {uri: string; isVideo: boolean};
+    screenType: ScreenType;
+  };
   CaptionScreen: {
-    title?: string; // TODO: remove this?
-    media?: {uri: string; isVideo: boolean};
     screenType: ScreenType;
+    media?: {uri: string; isVideo: boolean};
+    selectedCategory?: string;
     selectedTags?: MomentTagType[];
     moment?: MomentType;
   };
+  ChoosingCategoryScreen: {};
   TagFriendsScreen: {
     media: {
       uri: string;
@@ -109,15 +117,6 @@ export type MainStackParams = {
   ChatList: undefined;
   Chat: undefined;
   NewChatModal: undefined;
-  ZoomInCropper: {
-    media: {uri: string; isVideo: boolean};
-    screenType: ScreenType;
-    title: string;
-  };
-  CameraScreen: {
-    title: string;
-    screenType: ScreenType;
-  };
 };
 
 export const MainStack = createStackNavigator<MainStackParams>();
diff --git a/src/routes/main/MainStackScreen.tsx b/src/routes/main/MainStackScreen.tsx
index 948f37b8..15300c0d 100644
--- a/src/routes/main/MainStackScreen.tsx
+++ b/src/routes/main/MainStackScreen.tsx
@@ -40,6 +40,7 @@ import {ScreenType} from '../../types';
 import {AvatarHeaderHeight, ChatHeaderHeight, SCREEN_WIDTH} from '../../utils';
 import {MainStack, MainStackParams} from './MainStackNavigator';
 import {ZoomInCropper} from '../../components/comments/ZoomInCropper';
+import ChoosingCategoryScreen from '../../screens/profile/ChoosingCategoryScreen';
 
 /**
  * Profile : To display the logged in user's profile when the userXId passed in to it is (undefined | null | empty string) else displays profile of the user being visited.
@@ -181,6 +182,13 @@ const MainStackScreen: React.FC<MainStackProps> = ({route}) => {
           }}
         />
         <MainStack.Screen
+          name="ChoosingCategoryScreen"
+          component={ChoosingCategoryScreen}
+          options={{
+            ...headerBarOptions('white', 'Categories'),
+          }}
+        />
+        <MainStack.Screen
           name="SocialMediaTaggs"
           component={SocialMediaTaggs}
           initialParams={{screenType}}