Changes to make messaging update top notification

4 files changed, 25 insertions, 5 deletions

diff --git a/src/assets/icons/notificationPrompts/message_notification-07.png b/src/assets/icons/notificationPrompts/message_notification-07.png
new file mode 100644
index 00000000..b0db08ea
--- /dev/null
+++ b/src/assets/icons/notificationPrompts/message_notification-07.png
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;
 }
diff --git a/src/screens/main/NotificationsScreen.tsx b/src/screens/main/NotificationsScreen.tsx
index 3efd9af8..2f8e8e7d 100644
--- a/src/screens/main/NotificationsScreen.tsx
+++ b/src/screens/main/NotificationsScreen.tsx
@@ -20,7 +20,7 @@ import {useDispatch, useSelector} from 'react-redux';
 import FindFriendsBlueIcon from '../../assets/icons/findFriends/find-friends-blue-icon.svg';
 import {TabsGradient} from '../../components';
 import {Notification} from '../../components/notifications';
-import {PrivateAccountsPrompt} from '../../components/notifications/NotificationPrompts';
+import {NewChatPrompt} from '../../components/notifications/NotificationPrompts';
 import {
   loadUserNotifications,
   updateNewNotificationReceived,
@@ -297,7 +297,7 @@ const NotificationsScreen: React.FC = () => {
           renderItem={renderNotification}
           renderSectionHeader={renderSectionHeader}
           renderSectionFooter={renderSectionFooter}
-          ListHeaderComponent={<PrivateAccountsPrompt />}
+          ListHeaderComponent={<NewChatPrompt />}
           refreshControl={
             <RefreshControl refreshing={refreshing} onRefresh={onRefresh} />
           }