aboutsummaryrefslogtreecommitdiff
path: root/src/screens/main/Notifications.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/screens/main/Notifications.tsx')
-rw-r--r--src/screens/main/Notifications.tsx41
1 files changed, 41 insertions, 0 deletions
diff --git a/src/screens/main/Notifications.tsx b/src/screens/main/Notifications.tsx
new file mode 100644
index 00000000..ec881c8e
--- /dev/null
+++ b/src/screens/main/Notifications.tsx
@@ -0,0 +1,41 @@
+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;
+}
+
+/**
+ * Navigation Screen for displaying other users'
+ * actions on the logged in user's posts
+ */
+
+const Notifications: React.FC<NotificationsProps> = () => {
+ return (
+ <Background centered style={styles.container}>
+ <Text> Notifications will go here 🔔 </Text>
+ </Background>
+ );
+};
+const styles = StyleSheet.create({
+ container: {
+ flex: 1,
+ justifyContent: 'center',
+ alignItems: 'center',
+ },
+});
+export default Notifications;