diff options
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/common/TaggPopup.tsx | 2 | ||||
-rw-r--r-- | src/components/common/TaggPrompt.tsx | 12 | ||||
-rw-r--r-- | src/components/notifications/NotificationPrompts.tsx | 15 |
3 files changed, 23 insertions, 6 deletions
diff --git a/src/components/common/TaggPopup.tsx b/src/components/common/TaggPopup.tsx index 8b6865fd..f9929580 100644 --- a/src/components/common/TaggPopup.tsx +++ b/src/components/common/TaggPopup.tsx @@ -41,7 +41,7 @@ const TaggPopup: React.FC<TaggPopupProps> = ({route, navigation}) => { <View style={styles.popup}> <Image style={styles.icon} - source={require('../../assets/icons/plus-logo.png')} + source={require('../../assets/icons/notificationPrompts/plus-logo.png')} /> <View style={styles.textContainer}> <Text style={styles.header}>{messageHeader}</Text> diff --git a/src/components/common/TaggPrompt.tsx b/src/components/common/TaggPrompt.tsx index 6169b3f1..721b1eb8 100644 --- a/src/components/common/TaggPrompt.tsx +++ b/src/components/common/TaggPrompt.tsx @@ -2,12 +2,12 @@ import * as React from 'react'; import {StyleSheet, Text, TouchableOpacity} from 'react-native'; import {Image, View} from 'react-native-animatable'; import CloseIcon from '../../assets/ionicons/close-outline.svg'; -import {normalize, SCREEN_HEIGHT} from '../../utils'; +import {isIPhoneX, normalize, SCREEN_HEIGHT} from '../../utils'; type TaggPromptProps = { messageHeader: string; messageBody: string | Element; - logoType: 'plus' | 'tagg' | 'invite_friends'; + logoType: 'plus' | 'tagg' | 'invite_friends' | 'private_accounts'; hideCloseButton?: boolean; noPadding?: boolean; onClose: () => void; @@ -28,9 +28,11 @@ const TaggPrompt: React.FC<TaggPromptProps> = ({ const logo = () => { switch (logoType) { case 'plus': - return require('../../assets/icons/plus-logo.png'); + return require('../../assets/icons/notificationPrompts/plus-logo.png'); case 'invite_friends': - return require('../../assets/icons/invite-friends-prompt-icon.png'); + return require('../../assets/icons/notificationPrompts/invite-friends-prompt-icon.png'); + case 'private_accounts': + return require('../../assets/icons/notificationPrompts/private-accounts-prompt-icon.png'); case 'tagg': default: return require('../../assets/images/logo-purple.png'); @@ -66,7 +68,7 @@ const styles = StyleSheet.create({ justifyContent: 'center', alignItems: 'center', backgroundColor: 'white', - height: SCREEN_HEIGHT / 4, + height: isIPhoneX() ? SCREEN_HEIGHT / 6 : SCREEN_HEIGHT / 5, }, closeButton: { position: 'relative', diff --git a/src/components/notifications/NotificationPrompts.tsx b/src/components/notifications/NotificationPrompts.tsx index dc27925b..386b45e6 100644 --- a/src/components/notifications/NotificationPrompts.tsx +++ b/src/components/notifications/NotificationPrompts.tsx @@ -17,6 +17,21 @@ export const InviteFriendsPrompt: React.FC = () => { ); }; +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={() => {}} + /> + ); +}; + interface SPPromptNotificationProps { showSPNotifyPopUp: boolean; } |