Clean up code, Remove tab bar logic to use modal style instead

1 files changed, 2 insertions, 12 deletions

diff --git a/src/routes/main/MainStackScreen.tsx b/src/routes/main/MainStackScreen.tsx
index f6adeab1..65a695f5 100644
--- a/src/routes/main/MainStackScreen.tsx
+++ b/src/routes/main/MainStackScreen.tsx
@@ -332,6 +332,7 @@ const MainStackScreen: React.FC<MainStackProps> = ({route}) => {
           name="ZoomInCropper"
           component={ZoomInCropper}
           options={{
+            ...modalStyle,
             gestureEnabled: false,
           }}
         />
@@ -339,6 +340,7 @@ const MainStackScreen: React.FC<MainStackProps> = ({route}) => {
           name="CameraScreen"
           component={CameraScreen}
           options={{
+            ...modalStyle,
             gestureEnabled: false,
           }}
         />
@@ -407,18 +409,6 @@ const styles = StyleSheet.create({
     letterSpacing: normalize(1.3),
     fontWeight: '700',
   },
-  whiteHeaderTitle: {
-    fontSize: normalize(16),
-    letterSpacing: normalize(1.3),
-    fontWeight: '700',
-    color: 'white',
-  },
-  blackHeaderTitle: {
-    fontSize: normalize(16),
-    letterSpacing: normalize(1.3),
-    fontWeight: '700',
-    color: 'black',
-  },
 });
 
 export default MainStackScreen;