2 files changed, 14 insertions, 36 deletions
diff --git a/src/screens/main/NotificationsScreen.tsx b/src/screens/main/NotificationsScreen.tsx
index 57dea6f5..68437f2b 100644
--- a/src/screens/main/NotificationsScreen.tsx
+++ b/src/screens/main/NotificationsScreen.tsx
@@ -21,7 +21,10 @@ import {TouchableOpacity} from 'react-native-gesture-handler';
 import {SafeAreaView} from 'react-native-safe-area-context';
 import {useDispatch, useSelector} from 'react-redux';
 import {TabsGradient, TaggPrompt} from '../../components';
-import {Notification} from '../../components/notifications';
+import {
+  InviteFriendsPrompt,
+  Notification,
+} from '../../components/notifications';
 import {
   loadUserNotifications,
   updateNewNotificationReceived,
@@ -252,30 +255,6 @@ const NotificationsScreen: React.FC = () => {
     return null;
   };
 
-  const SPPromptNotification: ReactElement = 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 />
-  );
-
   return (
     <View style={styles.background}>
       <SafeAreaView>
@@ -291,7 +270,7 @@ const NotificationsScreen: React.FC = () => {
           renderItem={renderNotification}
           renderSectionHeader={renderSectionHeader}
           renderSectionFooter={renderSectionFooter}
-          ListHeaderComponent={SPPromptNotification}
+          ListHeaderComponent={<InviteFriendsPrompt />}
           refreshControl={
             <RefreshControl refreshing={refreshing} onRefresh={onRefresh} />
           }
@@ -359,11 +338,6 @@ const styles = StyleSheet.create({
     flex: 1,
     justifyContent: 'center',
   },
-  icon: {
-    width: 20,
-    height: 20,
-    tintColor: 'grey',
-  },
 });
 
 export default NotificationsScreen;
diff --git a/src/screens/profile/InviteFriendsScreen.tsx b/src/screens/profile/InviteFriendsScreen.tsx
index 36aa8ada..53e6b221 100644
--- a/src/screens/profile/InviteFriendsScreen.tsx
+++ b/src/screens/profile/InviteFriendsScreen.tsx
@@ -90,14 +90,18 @@ const InviteFriendsScreen: React.FC<InviteFriendsScreenProps> = ({route}) => {
       if (query.length > 0) {
         const searchResultsUsers = usersFromContacts.filter(
           (item: ProfilePreviewType) =>
-            item.first_name.toLowerCase().includes(query) ||
-            item.last_name.toLowerCase().includes(query) ||
-            item.username.toLowerCase().includes(query),
+            (item.first_name + ' ' + item.last_name)
+              .toLowerCase()
+              .startsWith(query) ||
+            item.username.toLowerCase().startsWith(query) ||
+            item.last_name.toLowerCase().startsWith(query),
         );
         const searchResultsNonUsers = nonUsersFromContacts.filter(
           (item) =>
-            item.firstName.toLowerCase().includes(query) ||
-            item.lastName.toLowerCase().includes(query),
+            (item.firstName + ' ' + item.lastName)
+              .toLowerCase()
+              .startsWith(query) ||
+            item.lastName.toLowerCase().startsWith(query),
         );
         const sanitizedResult = {
           usersFromContacts: searchResultsUsers,