Improve position of overlaid tutorial

2 files changed, 14 insertions, 14 deletions

diff --git a/src/screens/profile/MomentUploadPromptScreen.tsx b/src/screens/profile/MomentUploadPromptScreen.tsx
index f79c81b4..f0aaffc4 100644
--- a/src/screens/profile/MomentUploadPromptScreen.tsx
+++ b/src/screens/profile/MomentUploadPromptScreen.tsx
@@ -8,7 +8,7 @@ import {Moment} from '../../components';
 import {Image} from 'react-native-animatable';
 import {UPLOAD_MOMENT_PROMPT_ONE_MESSAGE} from '../../constants/strings';
 import {PROFILE_CUTOUT_BOTTOM_Y} from '../../constants';
-import {isIPhoneX, normalize} from '../../utils';
+import {normalize} from '../../utils';
 
 type MomentUploadPromptScreenRouteProp = RouteProp<
   MainStackParams,
@@ -28,7 +28,12 @@ const MomentUploadPromptScreen: React.FC<MomentUploadPromptScreenProps> = ({
   route,
   navigation,
 }) => {
-  const {screenType, momentCategory, profileBodyHeight} = route.params;
+  const {
+    screenType,
+    momentCategory,
+    profileBodyHeight,
+    socialsBarHeight,
+  } = route.params;
   return (
     <View style={styles.container}>
       <CloseIcon
@@ -61,9 +66,7 @@ const MomentUploadPromptScreen: React.FC<MomentUploadPromptScreenProps> = ({
         externalStyles={{
           container: {
             ...styles.momentContainer,
-            top: isIPhoneX()
-              ? profileBodyHeight + 615
-              : profileBodyHeight + 500,
+            top: PROFILE_CUTOUT_BOTTOM_Y + profileBodyHeight + socialsBarHeight,
           },
           titleText: styles.momentHeaderText,
           header: styles.momentHeader,
@@ -103,20 +106,21 @@ const styles = StyleSheet.create({
   //Styles to adjust moment container
   momentScrollContainer: {
     backgroundColor: 'transparent',
+    marginTop: 10,
   },
   momentContainer: {
     ...StyleSheet.absoluteFillObject,
     backgroundColor: 'transparent',
-    height: 170,
+    height: 175,
   },
   momentHeaderText: {
     ...StyleSheet.absoluteFillObject,
     marginLeft: 12,
-    marginTop: 10,
+    paddingVertical: 5,
   },
   momentHeader: {
+    marginTop: 7,
     backgroundColor: 'transparent',
-    paddingVertical: 20,
   },
 });
 
diff --git a/src/screens/profile/ProfileScreen.tsx b/src/screens/profile/ProfileScreen.tsx
index 313e2f2c..0d6af21e 100644
--- a/src/screens/profile/ProfileScreen.tsx
+++ b/src/screens/profile/ProfileScreen.tsx
@@ -1,12 +1,9 @@
 import React from 'react';
 import {StatusBar} from 'react-native';
 import Animated from 'react-native-reanimated';
-import {Content, Cover, TabsGradient} from '../../components';
-import {RouteProp, useFocusEffect} from '@react-navigation/native';
+import {Content, TabsGradient} from '../../components';
+import {RouteProp} from '@react-navigation/native';
 import {MainStackParams} from '../../routes/';
-import {resetScreenType} from '../../store/actions';
-import {useDispatch, useStore} from 'react-redux';
-import {DUMMY_USERID} from '../../store/initialStates';
 
 /**r
  * Profile Screen for a user's profile
@@ -23,7 +20,6 @@ const ProfileScreen: React.FC<ProfileOnboardingProps> = ({route}) => {
   const {screenType} = route.params;
   let {userXId} = route.params;
   const y = Animated.useValue(0);
-  const dispatch = useDispatch();
 
   /**
    * This is a double safety check to avoid app crash.