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, 7 insertions, 24 deletions

diff --git a/src/screens/main/Notifications.tsx b/src/screens/main/Notifications.tsx
index ec881c8e..db89d7f9 100644
--- a/src/screens/main/Notifications.tsx
+++ b/src/screens/main/Notifications.tsx
@@ -1,41 +1,24 @@
 import React from 'react';
-import {RootStackParamList} from '../../routes';
-import {RouteProp} from '@react-navigation/native';
-import {StackNavigationProp} from '@react-navigation/stack';
-import {Background} from '../../components';
 import {Text} from 'react-native-animatable';
 import {StyleSheet} from 'react-native';
-
-type NotificationsScreenRouteProp = RouteProp<
-  RootStackParamList,
-  'Notifications'
->;
-type NotificationsScreenNavigationProp = StackNavigationProp<
-  RootStackParamList,
-  'Notifications'
->;
-interface NotificationsProps {
-  route: NotificationsScreenRouteProp;
-  navigation: NotificationsScreenNavigationProp;
-}
+import {GradientBackground} from '../../components';
 
 /**
  * Navigation Screen for displaying other users'
  * actions on the logged in user's posts
  */
 
-const Notifications: React.FC<NotificationsProps> = () => {
+const Notifications: React.FC = () => {
   return (
-    <Background centered style={styles.container}>
-      <Text> Notifications will go here 🔔 </Text>
-    </Background>
+    <GradientBackground>
+      <Text style={styles.text}> Notifications will go here 🔔 </Text>
+    </GradientBackground>
   );
 };
 const styles = StyleSheet.create({
-  container: {
-    flex: 1,
+  text: {
     justifyContent: 'center',
-    alignItems: 'center',
+    backgroundColor: 'transparent',
   },
 });
 export default Notifications;