aboutsummaryrefslogtreecommitdiff
path: root/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'src/components')
-rw-r--r--src/components/common/TaggPrompt.tsx11
-rw-r--r--src/components/notifications/NotificationPrompts.tsx15
2 files changed, 23 insertions, 3 deletions
diff --git a/src/components/common/TaggPrompt.tsx b/src/components/common/TaggPrompt.tsx
index 6b59d4a5..20901e65 100644
--- a/src/components/common/TaggPrompt.tsx
+++ b/src/components/common/TaggPrompt.tsx
@@ -7,7 +7,7 @@ import {normalize, SCREEN_HEIGHT} from '../../utils';
type TaggPromptProps = {
messageHeader: string;
messageBody: string | Element;
- logoType: 'plus' | 'tagg' | 'invite_friends' | 'private_accounts';
+ logoType: 'plus' | 'tagg' | 'invite_friends' | 'private_accounts' | 'chat';
hideCloseButton?: boolean;
noPadding?: boolean;
onClose: () => void;
@@ -33,6 +33,8 @@ const TaggPrompt: React.FC<TaggPromptProps> = ({
return require('../../assets/icons/notificationPrompts/invite-friends-prompt-icon.png');
case 'private_accounts':
return require('../../assets/icons/notificationPrompts/private-accounts-prompt-icon.png');
+ case 'chat':
+ return require('../../assets/icons/notificationPrompts/message_notification-07.png');
case 'tagg':
default:
return require('../../assets/images/logo-purple.png');
@@ -76,8 +78,11 @@ const styles = StyleSheet.create({
alignSelf: 'flex-end',
},
icon: {
- width: normalize(40),
- height: normalize(40),
+ // Original, prior to chat notification
+ // width: normalize(40),
+ // height: normalize(40),
+ width: normalize(350),
+ height: normalize(70),
},
header: {
color: 'black',
diff --git a/src/components/notifications/NotificationPrompts.tsx b/src/components/notifications/NotificationPrompts.tsx
index 386b45e6..0fb580e6 100644
--- a/src/components/notifications/NotificationPrompts.tsx
+++ b/src/components/notifications/NotificationPrompts.tsx
@@ -32,6 +32,21 @@ export const PrivateAccountsPrompt: React.FC = () => {
);
};
+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'}
+ hideCloseButton={true}
+ noPadding={true}
+ onClose={() => {}}
+ />
+ );
+};
+
interface SPPromptNotificationProps {
showSPNotifyPopUp: boolean;
}