From a954d6b6b88485dddc0ccfda634ffd102cb34ccd Mon Sep 17 00:00:00 2001
From: Ashm Walia <40498934+ashmgarv@users.noreply.github.com>
Date: Tue, 22 Dec 2020 08:50:27 -0800
Subject: [TMA 446] Create category (#144)

* Added welcome page

* Working code

* Small fix

* Some more cleanup

* Fixes

* Cleanup

* Fix again

* Use gradient for white bg as well

* Fixed type
---
 src/routes/onboarding/Onboarding.tsx      | 44 +++++++++++++++++++++++++++++++
 src/routes/onboarding/OnboardingStack.tsx | 17 +++++++++++-
 2 files changed, 60 insertions(+), 1 deletion(-)

(limited to 'src/routes/onboarding')

diff --git a/src/routes/onboarding/Onboarding.tsx b/src/routes/onboarding/Onboarding.tsx
index 63a75934..a3d281f5 100644
--- a/src/routes/onboarding/Onboarding.tsx
+++ b/src/routes/onboarding/Onboarding.tsx
@@ -12,8 +12,11 @@ import {
   SocialMedia,
   PasswordResetRequest,
   PasswordReset,
+  WelcomeScreen,
+  CategorySelection,
 } from '../../screens';
 import {StackCardInterpolationProps} from '@react-navigation/stack';
+import TaggPopup from '../../components/common/TaggPopup';
 
 const forFade = ({current}: StackCardInterpolationProps) => ({
   cardStyle: {
@@ -41,6 +44,47 @@ const Onboarding: React.FC = () => {
           gestureEnabled: false,
         }}
       />
+      <OnboardingStack.Screen
+        name="WelcomeScreen"
+        component={WelcomeScreen}
+        options={{
+          gestureEnabled: false,
+        }}
+      />
+      <OnboardingStack.Screen
+        name="CategorySelection"
+        component={CategorySelection}
+        options={{
+          gestureEnabled: false,
+        }}
+      />
+      <OnboardingStack.Screen
+        name="TaggPopup"
+        component={TaggPopup}
+        options={{
+          gestureEnabled: false,
+          cardStyle: {
+            backgroundColor: 'transparent',
+          },
+          cardOverlayEnabled: true,
+          cardStyleInterpolator: ({current: {progress}}) => ({
+            cardStyle: {
+              opacity: progress.interpolate({
+                inputRange: [0, 0.5, 0.9, 1],
+                outputRange: [0, 0.25, 0.7, 1],
+              }),
+            },
+            overlayStyle: {
+              backgroundColor: '#505050',
+              opacity: progress.interpolate({
+                inputRange: [0, 1],
+                outputRange: [0, 0.9],
+                extrapolate: 'clamp',
+              }),
+            },
+          }),
+        }}
+      />
       <OnboardingStack.Screen
         name="PasswordReset"
         component={PasswordReset}
diff --git a/src/routes/onboarding/OnboardingStack.tsx b/src/routes/onboarding/OnboardingStack.tsx
index 33ff51ea..7ff00271 100644
--- a/src/routes/onboarding/OnboardingStack.tsx
+++ b/src/routes/onboarding/OnboardingStack.tsx
@@ -1,7 +1,14 @@
 import {createStackNavigator} from '@react-navigation/stack';
-import {VerificationScreenType} from '../../types';
+import {
+  CategorySelectionScreenType,
+  MomentCategoryType,
+  TaggPopupType,
+  UserType,
+  VerificationScreenType,
+} from '../../types';
 
 export type OnboardingStackParams = {
+  WelcomeScreen: undefined;
   Login: undefined;
   PasswordResetRequest: undefined;
   PasswordReset: {
@@ -20,6 +27,14 @@ export type OnboardingStackParams = {
   Verification: {id: string; screenType: VerificationScreenType};
   ProfileOnboarding: {username: string; userId: string};
   SocialMedia: {username: string; userId: string};
+  CategorySelection: {
+    categories: Record<MomentCategoryType, boolean>;
+    screenType: CategorySelectionScreenType;
+    user: UserType;
+  };
+  TaggPopup: {
+    popupProps: TaggPopupType;
+  };
 };
 
 export const OnboardingStack = createStackNavigator<OnboardingStackParams>();
-- 
cgit v1.2.3-70-g09d2