1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
|
import React, {Fragment} from 'react';
import {Image, StyleSheet, Text} from 'react-native';
import {normalize, SCREEN_WIDTH} from '../../utils';
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={() => {}}
/>
);
};
export const PrivateAccountsPrompt: React.FC = () => {
return (
<TaggPrompt
messageHeader={'Private or Public!'}
messageBody={
'You can now choose to make your account private!\nHead over to the privacy tab in settings to check it out'
}
logoType={'private_accounts'}
hideCloseButton={true}
noPadding={true}
onClose={() => {}}
/>
);
};
export const NewChatPrompt: React.FC = () => {
const handWaveRegex = '\u{1F44B}';
const message = `Introducing messaging, another way to engage with\nfriends on campus! Send a ${handWaveRegex} to a friend now!`;
return (
<TaggPrompt
messageHeader={'Chat!'}
messageBody={message}
logoType={'chat'}
logoLink={'ChatList'}
externalStyles={{
icon: {
width: SCREEN_WIDTH * 0.9,
height: normalize(70),
},
}}
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',
},
});
|
