From e462253fbe8019b1fcb1e9c3928f722cfd6bbb54 Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <shravs1208@gmail.com>
Date: Mon, 29 Mar 2021 19:16:41 -0700
Subject: moved invite friends icon to notifications

---
 src/screens/main/NotificationsScreen.tsx | 64 +++++++++++++++++++++++++++-----
 1 file changed, 54 insertions(+), 10 deletions(-)

(limited to 'src/screens')

diff --git a/src/screens/main/NotificationsScreen.tsx b/src/screens/main/NotificationsScreen.tsx
index 68437f2b..6fca679f 100644
--- a/src/screens/main/NotificationsScreen.tsx
+++ b/src/screens/main/NotificationsScreen.tsx
@@ -1,15 +1,12 @@
 import AsyncStorage from '@react-native-community/async-storage';
-import {useFocusEffect} from '@react-navigation/native';
+import {useFocusEffect, useNavigation} from '@react-navigation/native';
+import FindFriendsBlueIcon from '../../assets/icons/findFriends/find-friends-blue-icon.svg';
 import moment from 'moment';
-import React, {
-  Fragment,
-  ReactElement,
-  useCallback,
-  useEffect,
-  useState,
-} from 'react';
+import React, {useCallback, useEffect, useState} from 'react';
 import {
+  Alert,
   Image,
+  Linking,
   RefreshControl,
   SectionList,
   StatusBar,
@@ -17,10 +14,11 @@ import {
   Text,
   View,
 } from 'react-native';
+import {checkPermission} from 'react-native-contacts';
 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 {TabsGradient} from '../../components';
 import {
   InviteFriendsPrompt,
   Notification,
@@ -255,12 +253,43 @@ const NotificationsScreen: React.FC = () => {
     return null;
   };
 
+  const navigation = useNavigation();
+
+  const InviteFriends = () => (
+    <TouchableOpacity
+      style={styles.findFriendsButton}
+      onPress={async () => {
+        const permission = await checkPermission();
+        if (permission === 'authorized') {
+          navigation.navigate('InviteFriendsScreen', {
+            screenType: ScreenType.Profile,
+          });
+        } else {
+          Alert.alert(
+            '"Tagg" Would Like to Access Your Contacts',
+            'This helps you quickly get in touch with friends on the app and more',
+            [
+              {
+                text: "Don't Allow",
+                style: 'cancel',
+              },
+              {text: 'Allow', onPress: () => Linking.openSettings()},
+            ],
+          );
+        }
+      }}>
+      <FindFriendsBlueIcon width={18} height={18} />
+      <Text style={styles.findFriendsSubheaderText}>Invite Friends</Text>
+    </TouchableOpacity>
+  );
+
   return (
     <View style={styles.background}>
       <SafeAreaView>
         <StatusBar barStyle="dark-content" />
         <View style={styles.header}>
           <Text style={styles.headerText}>Notifications</Text>
+          <InviteFriends />
         </View>
         <SectionList
           contentContainerStyle={styles.container}
@@ -297,7 +326,10 @@ const styles = StyleSheet.create({
     marginLeft: '8%',
     marginTop: '5%',
     alignSelf: 'flex-start',
-    flexDirection: 'column',
+    flexDirection: 'row',
+    alignItems: 'stretch',
+    justifyContent: 'space-between',
+    width: SCREEN_WIDTH * 0.85,
   },
   headerText: {
     fontWeight: '700',
@@ -338,6 +370,18 @@ const styles = StyleSheet.create({
     flex: 1,
     justifyContent: 'center',
   },
+  findFriendsButton: {
+    flexDirection: 'row',
+    height: 14,
+    marginTop: '5%',
+  },
+  findFriendsSubheaderText: {
+    marginLeft: '5%',
+    color: '#08E2E2',
+    fontSize: normalize(12),
+    fontWeight: '600',
+    lineHeight: normalize(14.32),
+  },
 });
 
 export default NotificationsScreen;
-- 
cgit v1.2.3-70-g09d2


From 6aaeed352035aa827d590d479f979f7488f01c2d Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <shravs1208@gmail.com>
Date: Tue, 30 Mar 2021 13:04:10 -0700
Subject: changed section name

---
 src/components/profile/Friends.tsx          | 2 +-
 src/screens/profile/InviteFriendsScreen.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

(limited to 'src/screens')

diff --git a/src/components/profile/Friends.tsx b/src/components/profile/Friends.tsx
index 72ce28d4..44f6bb48 100644
--- a/src/components/profile/Friends.tsx
+++ b/src/components/profile/Friends.tsx
@@ -87,7 +87,7 @@ const Friends: React.FC<FriendsProps> = ({result, screenType, userId}) => {
       {loggedInUser.userId === userId && (
         <View style={styles.subheader}>
           <View style={styles.addFriendHeaderContainer}>
-            <Text style={[styles.subheaderText]}>Add Friends</Text>
+            <Text style={[styles.subheaderText]}>Contacts on tagg</Text>
           </View>
           <UsersFromContacts />
         </View>
diff --git a/src/screens/profile/InviteFriendsScreen.tsx b/src/screens/profile/InviteFriendsScreen.tsx
index 4af52349..a9fa1404 100644
--- a/src/screens/profile/InviteFriendsScreen.tsx
+++ b/src/screens/profile/InviteFriendsScreen.tsx
@@ -203,7 +203,7 @@ const InviteFriendsScreen: React.FC<InviteFriendsScreenProps> = ({route}) => {
               </Animated.View>
             </View>
             <View style={styles.subheader}>
-              <Text style={styles.subheaderText}>Add Friends</Text>
+              <Text style={styles.subheaderText}>Contacts on tagg</Text>
               <UsersFromContacts />
             </View>
             <View style={styles.subheader}>
-- 
cgit v1.2.3-70-g09d2