Merge pull request #236 from IvanIFChen/tma626-people-tutorial

[TMA-626] Suggested People Tutorial (First 3 Screens)

3 files changed, 46 insertions, 0 deletions

diff --git a/src/routes/suggestedPeopleOnboarding/SuggestedPeopleOnboardingStackNavigator.tsx b/src/routes/suggestedPeopleOnboarding/SuggestedPeopleOnboardingStackNavigator.tsx
new file mode 100644
index 00000000..e957e48c
--- /dev/null
+++ b/src/routes/suggestedPeopleOnboarding/SuggestedPeopleOnboardingStackNavigator.tsx
@@ -0,0 +1,8 @@
+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
new file mode 100644
index 00000000..970982c4
--- /dev/null
+++ b/src/routes/suggestedPeopleOnboarding/SuggestedPeopleOnboardingStackScreen.tsx
@@ -0,0 +1,36 @@
+import React from 'react';
+import {SuggestedPeopleOnboardingStack} from '.';
+import {
+  SuggestedPeopleWelcomeScreen,
+  SuggestedPeopleUploadPictureScreen,
+} from '../../screens';
+import {SCREEN_WIDTH} from '../../utils';
+import {headerBarOptions} from '../main';
+
+const SuggestedPeopleOnboardingStackScreen: React.FC = () => {
+  return (
+    <SuggestedPeopleOnboardingStack.Navigator
+      initialRouteName="WelcomeScreen"
+      screenOptions={{
+        headerShown: false,
+        gestureResponseDistance: {horizontal: SCREEN_WIDTH * 0.6},
+      }}>
+      <SuggestedPeopleOnboardingStack.Screen
+        name="WelcomeScreen"
+        component={SuggestedPeopleWelcomeScreen}
+        options={{
+          ...headerBarOptions('white', ''),
+        }}
+      />
+      <SuggestedPeopleOnboardingStack.Screen
+        name="UploadPicture"
+        component={SuggestedPeopleUploadPictureScreen}
+        options={{
+          ...headerBarOptions('white', ''),
+        }}
+      />
+    </SuggestedPeopleOnboardingStack.Navigator>
+  );
+};
+
+export default SuggestedPeopleOnboardingStackScreen;
diff --git a/src/routes/suggestedPeopleOnboarding/index.ts b/src/routes/suggestedPeopleOnboarding/index.ts
new file mode 100644
index 00000000..df711493
--- /dev/null
+++ b/src/routes/suggestedPeopleOnboarding/index.ts
@@ -0,0 +1,2 @@
+export * from './SuggestedPeopleOnboardingStackNavigator';
+export * from './SuggestedPeopleOnboardingStackScreen';