alert requesting access to contacts

1 files changed, 12 insertions, 2 deletions

diff --git a/src/components/profile/Friends.tsx b/src/components/profile/Friends.tsx
index 62ae2b48..1c205ce6 100644
--- a/src/components/profile/Friends.tsx
+++ b/src/components/profile/Friends.tsx
@@ -1,6 +1,6 @@
 import {useNavigation} from '@react-navigation/native';
 import React, {useEffect, useState} from 'react';
-import {Linking, ScrollView, StyleSheet, Text, View} from 'react-native';
+import {Alert, Linking, ScrollView, StyleSheet, Text, View} from 'react-native';
 import {checkPermission} from 'react-native-contacts';
 import {TouchableOpacity} from 'react-native-gesture-handler';
 import {useDispatch, useSelector, useStore} from 'react-redux';
@@ -102,7 +102,17 @@ const Friends: React.FC<FriendsProps> = ({result, screenType, userId}) => {
                       screenType: ScreenType.Profile,
                     });
                   } else {
-                    Linking.openSettings();
+                    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={20} height={20} />