src/components/notifications/NotificationPrompts.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58

import React, {Fragment} from 'react';
import {Image, StyleSheet, Text} from 'react-native';
import {TaggPrompt} from '../common';

export const InviteFriendsPrompt: React.FC = () => {
  return (
    <TaggPrompt
      messageHeader={'Invite Friends To Tagg!'}
      messageBody={
        'A new feature that lets you invite your friends to Tagg. \nClick on your friends list to do so!'
      }
      logoType={'invite_friends'}
      hideCloseButton={true}
      noPadding={true}
      onClose={() => {}}
    />
  );
};

interface SPPromptNotificationProps {
  showSPNotifyPopUp: boolean;
}

export const SPPromptNotification: React.FC<SPPromptNotificationProps> = ({
  showSPNotifyPopUp,
}) => {
  return 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 />
  );
};

const styles = StyleSheet.create({
  icon: {
    width: 20,
    height: 20,
    tintColor: 'grey',
  },
});