Merge pull request #318 from shravyaramesh/tma719-invite-prompt

[TMA-719] Invite friends notification prompt

1 files changed, 58 insertions, 0 deletions

diff --git a/src/components/notifications/NotificationPrompts.tsx b/src/components/notifications/NotificationPrompts.tsx
new file mode 100644
index 00000000..03502b27
--- /dev/null
+++ b/src/components/notifications/NotificationPrompts.tsx
@@ -0,0 +1,58 @@
+import React, {Fragment} from 'react';
+import {Image, StyleSheet, Text} from 'react-native';
+import {TaggPrompt} from '../common';
+
+export const InviteFriendsPrompt: React.FC = () => {
+  return (
+    <TaggPrompt
+      messageHeader={'Invite Friends To Tagg!'}
+      messageBody={
+        'A new feature that lets you invite your friends to Tagg. \nClick on yourfriends list to do so!'
+      }
+      logoType={'invite_friends'}
+      hideCloseButton={true}
+      noPadding={true}
+      onClose={() => {}}
+    />
+  );
+};
+
+interface SPPromptNotificationProps {
+  showSPNotifyPopUp: boolean;
+}
+
+export const SPPromptNotification: React.FC<SPPromptNotificationProps> = ({
+  showSPNotifyPopUp,
+}) => {
+  return showSPNotifyPopUp ? (
+    <TaggPrompt
+      messageHeader={'New Suggested People Page!'}
+      messageBody={
+        <>
+          <Text>
+            A new page where you can discover new profiles. Just press the new{' '}
+          </Text>
+          <Image
+            style={styles.icon}
+            source={require('../../assets/navigationIcons/home.png')}
+          />
+          <Text> button on the tab bar to check it out!</Text>
+        </>
+      }
+      logoType={'tagg'}
+      hideCloseButton={true}
+      noPadding={true}
+      onClose={() => {}}
+    />
+  ) : (
+    <Fragment />
+  );
+};
+
+const styles = StyleSheet.create({
+  icon: {
+    width: 20,
+    height: 20,
+    tintColor: 'grey',
+  },
+});