TMA-168: Add Gradient to Navigation Bar (#26)

* Renamed Profile in Onboarding and added dummy main screens

* Comments for new screens created

* change navigation in verification to profileonboarding

* added icons and tab navigation

* added icons to navigation bar

* add clicked icons

* added 2x and 3x icon sizes

* rename for resizing to work

* remove upload clicked as informed by design

* changed initialRouteName back to Login

* created NavigationIcon component to hold all the nav icons

* added default case

* changed intialRouteName back to Login

* fixed icon names

* fixed icon names

* add navigation to home page after login

* added gradient and changed screens to transparent

* renamed Routes to OnboardingStack

* rerouting navigation

* pulling from master

* merge conflicts

* added entryway to home on profileonboarding

* changed gradient into custom component

* removed a method that i had commented out

Co-authored-by: Megan Hong <meganhong31@g.ucla.edu>

1 files changed, 57 insertions, 0 deletions

diff --git a/src/routes/OnboardingStack.tsx b/src/routes/OnboardingStack.tsx
new file mode 100644
index 00000000..5e91fe9f
--- /dev/null
+++ b/src/routes/OnboardingStack.tsx
@@ -0,0 +1,57 @@
+import React from 'react';
+import {createStackNavigator} from '@react-navigation/stack';
+import {
+  Login,
+  RegistrationOne,
+  RegistrationTwo,
+  Verification,
+  ProfileOnboarding,
+} from '../screens/onboarding';
+
+export type RootStackParamList = {
+  Login: undefined;
+  RegistrationOne: undefined;
+  RegistrationTwo:
+    | {firstName: string; lastName: string; email: string}
+    | undefined;
+  Verification: {username: string; email: string; userId: string};
+  ProfileOnboarding: {username: string; userId: string};
+};
+
+const RootStack = createStackNavigator<RootStackParamList>();
+
+interface OnboardingStackProps {}
+
+const OnboardingStack: React.FC<OnboardingStackProps> = ({}) => {
+  return (
+    <RootStack.Navigator initialRouteName="Login">
+      <RootStack.Screen
+        name="Login"
+        component={Login}
+        options={{headerShown: false}}
+      />
+      <RootStack.Screen
+        name="RegistrationOne"
+        component={RegistrationOne}
+        options={{headerShown: false}}
+      />
+      <RootStack.Screen
+        name="RegistrationTwo"
+        component={RegistrationTwo}
+        options={{headerShown: false}}
+      />
+      <RootStack.Screen
+        name="Verification"
+        component={Verification}
+        options={{headerShown: false}}
+      />
+      <RootStack.Screen
+        name="ProfileOnboarding"
+        component={ProfileOnboarding}
+        options={{headerShown: false}}
+      />
+    </RootStack.Navigator>
+  );
+};
+
+export default OnboardingStack;