welcome screen done, created base view for upload image

2 files changed, 11 insertions, 8 deletions

diff --git a/src/routes/suggestedPeopleOnboarding/SuggestedPeopleOnboardingStackNavigator.tsx b/src/routes/suggestedPeopleOnboarding/SuggestedPeopleOnboardingStackNavigator.tsx
index 40df8e0f..e957e48c 100644
--- a/src/routes/suggestedPeopleOnboarding/SuggestedPeopleOnboardingStackNavigator.tsx
+++ b/src/routes/suggestedPeopleOnboarding/SuggestedPeopleOnboardingStackNavigator.tsx
@@ -2,6 +2,7 @@ import {createStackNavigator} from '@react-navigation/stack';
 
 export type SuggestedPeopleOnboardingStackParams = {
   WelcomeScreen: undefined;
+  UploadPicture: undefined;
 };
 
 export const SuggestedPeopleOnboardingStack = createStackNavigator<SuggestedPeopleOnboardingStackParams>();
diff --git a/src/routes/suggestedPeopleOnboarding/SuggestedPeopleOnboardingStackScreen.tsx b/src/routes/suggestedPeopleOnboarding/SuggestedPeopleOnboardingStackScreen.tsx
index 95070ed2..871bd7c8 100644
--- a/src/routes/suggestedPeopleOnboarding/SuggestedPeopleOnboardingStackScreen.tsx
+++ b/src/routes/suggestedPeopleOnboarding/SuggestedPeopleOnboardingStackScreen.tsx
@@ -1,13 +1,8 @@
-import {StackCardInterpolationProps} from '@react-navigation/stack';
 import React from 'react';
 import {SuggestedPeopleOnboardingStack} from '.';
 import {SuggestedPeopleWelcomeScreen} from '../../screens';
-
-const forFade = ({current}: StackCardInterpolationProps) => ({
-  cardStyle: {
-    opacity: current.progress,
-  },
-});
+import SuggestedPeopleUploadPictureScreen from '../../screens/suggestedPeopleOnboarding/SuggestedPeopleUpdatePictureScreen';
+import {headerBarOptions} from '../main';
 
 const SuggestedPeopleOnboardingStackScreen: React.FC = () => {
   return (
@@ -18,7 +13,14 @@ const SuggestedPeopleOnboardingStackScreen: React.FC = () => {
         name="WelcomeScreen"
         component={SuggestedPeopleWelcomeScreen}
         options={{
-          gestureEnabled: false,
+          ...headerBarOptions('white', ''),
+        }}
+      />
+      <SuggestedPeopleOnboardingStack.Screen
+        name="UploadPicture"
+        component={SuggestedPeopleUploadPictureScreen}
+        options={{
+          ...headerBarOptions('white', ''),
         }}
       />
     </SuggestedPeopleOnboardingStack.Navigator>