aboutsummaryrefslogtreecommitdiff
path: root/src/components/notifications/NotificationPrompts.tsx
diff options
context:
space:
mode:
authorIvan Chen <ivan@tagg.id>2021-03-24 13:25:29 -0400
committerIvan Chen <ivan@tagg.id>2021-03-24 13:25:29 -0400
commitcc1b5a0be911dc05386a5114e966b7ee4eb21441 (patch)
tree90fad5a8ed92206b3026e8fd033b4d35360884f7 /src/components/notifications/NotificationPrompts.tsx
parent96477697afe4dd92ce68f0f778decbca30d83e77 (diff)
parent33c107f7382955f6993d8415f08262f51060d178 (diff)
Merge branch 'master' into tma698-api-profile
# Conflicts: # src/components/search/SearchBar.tsx
Diffstat (limited to 'src/components/notifications/NotificationPrompts.tsx')
-rw-r--r--src/components/notifications/NotificationPrompts.tsx58
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..dc27925b
--- /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 your friends 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',
+ },
+});