Changes to make messaging update top notification

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;
 }