2 files changed, 12 insertions, 0 deletions
diff --git a/src/routes/main/MainStackNavigator.tsx b/src/routes/main/MainStackNavigator.tsx
index 757d89f7..bee5b54b 100644
--- a/src/routes/main/MainStackNavigator.tsx
+++ b/src/routes/main/MainStackNavigator.tsx
@@ -115,6 +115,9 @@ export type MainStackParams = {
     screenType: ScreenType;
     title: string;
   };
+  ZoomInCropper: {
+    imageURI: string;
+  };
 };
 
 export const MainStack = createStackNavigator<MainStackParams>();
diff --git a/src/routes/main/MainStackScreen.tsx b/src/routes/main/MainStackScreen.tsx
index cb23f9fc..85bf888d 100644
--- a/src/routes/main/MainStackScreen.tsx
+++ b/src/routes/main/MainStackScreen.tsx
@@ -40,6 +40,7 @@ import MutualBadgeHolders from '../../screens/suggestedPeople/MutualBadgeHolders
 import {ScreenType} from '../../types';
 import {AvatarHeaderHeight, ChatHeaderHeight, SCREEN_WIDTH} from '../../utils';
 import {MainStack, MainStackParams} from './MainStackNavigator';
+import {ZoomInCropper} from '../../components/comments/ZoomInCropper';
 
 /**
  * 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.
@@ -210,6 +211,7 @@ const MainStackScreen: React.FC<MainStackProps> = ({route}) => {
           options={{
             ...modalStyle,
             gestureEnabled: false,
+            ...headerBarOptions('white', ''),
           }}
         />
         <MainStack.Screen
@@ -333,6 +335,13 @@ const MainStackScreen: React.FC<MainStackProps> = ({route}) => {
             gestureEnabled: false,
           }}
         />
+        <MainStack.Screen
+          name="ZoomInCropper"
+          component={ZoomInCropper}
+          options={{
+            gestureEnabled: false,
+          }}
+        />
       </MainStack.Navigator>
     );
   };