From 5c01225acf5aa4c5be3b4638779d1f766c054eca Mon Sep 17 00:00:00 2001 From: Shravya Ramesh Date: Fri, 14 May 2021 13:46:35 -0700 Subject: Added pending user list --- src/screens/profile/InviteFriendsScreen.tsx | 96 ++++++++++++++++++++--------- 1 file changed, 68 insertions(+), 28 deletions(-) (limited to 'src') diff --git a/src/screens/profile/InviteFriendsScreen.tsx b/src/screens/profile/InviteFriendsScreen.tsx index e1f739c5..87b00aaf 100644 --- a/src/screens/profile/InviteFriendsScreen.tsx +++ b/src/screens/profile/InviteFriendsScreen.tsx @@ -1,19 +1,28 @@ -import React, {useEffect, useState} from 'react'; +import {RouteProp} from '@react-navigation/native'; +import React, {useEffect, useMemo, useState} from 'react'; import { - View, - Text, - TouchableOpacity, - SafeAreaView, - StyleSheet, - TextInput, FlatList, Keyboard, Linking, + SafeAreaView, + ScrollView, StatusBar, + StyleSheet, + Text, + TextInput, + TouchableOpacity, TouchableWithoutFeedback, - ScrollView, + View, } from 'react-native'; +import {checkPermission} from 'react-native-contacts'; +import Animated from 'react-native-reanimated'; +import Icon from 'react-native-vector-icons/Feather'; import {useDispatch, useStore} from 'react-redux'; +import {ProfilePreview, TabsGradient} from '../../components'; +import {InviteFriendTile} from '../../components/friends'; +import {TAGG_LIGHT_BLUE} from '../../constants'; +import {MainStackParams} from '../../routes'; +import {usersFromContactsService} from '../../services/UserFriendsService'; import {ProfilePreviewType} from '../../types'; import { extractContacts, @@ -25,15 +34,6 @@ import { SCREEN_WIDTH, StatusBarHeight, } from '../../utils'; -import {checkPermission} from 'react-native-contacts'; -import {usersFromContactsService} from '../../services/UserFriendsService'; -import {ProfilePreview, TabsGradient} from '../../components'; -import Animated from 'react-native-reanimated'; -import Icon from 'react-native-vector-icons/Feather'; -import {InviteFriendTile} from '../../components/friends'; -import {TAGG_LIGHT_BLUE} from '../../constants'; -import {MainStackParams} from '../../routes'; -import {RouteProp} from '@react-navigation/native'; const AnimatedIcon = Animated.createAnimatedComponent(Icon); export type InviteContactType = { @@ -42,9 +42,10 @@ export type InviteContactType = { phoneNumber: string; }; -type SearchResultType = { +export type SearchResultType = { usersFromContacts: ProfilePreviewType[]; nonUsersFromContacts: InviteContactType[]; + pendingUsers: InviteContactType[]; }; type InviteFriendsScreenRouteProp = RouteProp< @@ -64,9 +65,11 @@ const InviteFriendsScreen: React.FC = ({route}) => { ProfilePreviewType[] >([]); const [nonUsersFromContacts, setNonUsersFromContacts] = useState<[]>([]); + const [pendingUsers, setPendingUsers] = useState<[]>([]); const [results, setResults] = useState({ usersFromContacts: usersFromContacts, nonUsersFromContacts: nonUsersFromContacts, + pendingUsers: pendingUsers, }); const [query, setQuery] = useState(''); @@ -81,6 +84,7 @@ const InviteFriendsScreen: React.FC = ({route}) => { setResults({ usersFromContacts: response.existing_tagg_users, nonUsersFromContacts: response.invite_from_contacts, + pendingUsers: response.pending_users, }); } else { Linking.openSettings(); @@ -120,6 +124,7 @@ const InviteFriendsScreen: React.FC = ({route}) => { setResults({ usersFromContacts: usersFromContacts, nonUsersFromContacts: nonUsersFromContacts, + pendingUsers: pendingUsers, }); } }; @@ -168,6 +173,48 @@ const InviteFriendsScreen: React.FC = ({route}) => { ); + const PendingList = useMemo( + () => ( + item.phoneNumber} + renderItem={({item}) => ( + + )} + /> + ), + [results.pendingUsers], + ); + + const InviteList = useMemo( + () => ( + item.phoneNumber} + renderItem={({item}) => ( + + )} + /> + ), + [results.nonUsersFromContacts], + ); + return ( @@ -210,19 +257,12 @@ const InviteFriendsScreen: React.FC = ({route}) => { - Contacts on Tagg - + Pending Users + {PendingList} Invite your friends! - item.phoneNumber} - renderItem={({item}) => } - /> + {InviteList} -- cgit v1.2.3-70-g09d2 From e08e775264538d337d084319542871a411ca218d Mon Sep 17 00:00:00 2001 From: Shravya Ramesh Date: Fri, 14 May 2021 13:49:48 -0700 Subject: Added functionality to remind users --- src/components/friends/InviteFriendTile.tsx | 136 +++++++++++++++++++--------- 1 file changed, 95 insertions(+), 41 deletions(-) (limited to 'src') diff --git a/src/components/friends/InviteFriendTile.tsx b/src/components/friends/InviteFriendTile.tsx index abd017d0..617ec203 100644 --- a/src/components/friends/InviteFriendTile.tsx +++ b/src/components/friends/InviteFriendTile.tsx @@ -19,58 +19,113 @@ import { SUCCESS_CONFIRM_INVITE_CONTACT_TITLE, SUCCESS_LAST_CONTACT_INVITE, } from '../../constants/strings'; -import {InviteContactType} from '../../screens/profile/InviteFriendsScreen'; import { - getRemainingInviteCount, - handleCreateInviteCode, - inviteFriendService, -} from '../../services'; + InviteContactType, + SearchResultType, +} from '../../screens/profile/InviteFriendsScreen'; +import {getRemainingInviteCount, inviteFriendService} from '../../services'; import {normalize} from '../../utils'; interface InviteFriendTileProps { item: InviteContactType; + remind: boolean; + results: SearchResultType; + setResults: Function; } -const InviteFriendTile: React.FC = ({item}) => { - const [invited, setInvited] = useState(false); +const InviteFriendTile: React.FC = ({ + item, + remind, + results, + setResults, +}) => { + const [invited, setInvited] = useState(remind); const {name} = useSelector((state: RootState) => state.user.profile); const [formatedPhoneNumber, setFormattedPhoneNumber] = useState(''); + const handleInviteFriend = async () => { const invites_left = await getRemainingInviteCount(); - if (invites_left > 0) { - Alert.alert( - SUCCESS_CONFIRM_INVITE_CONTACT_TITLE(invites_left), - SUCCESS_CONFIRM_INVITE_CONTACT_MESSAGE, - [ - {text: 'No!', style: 'cancel'}, - { - text: 'Yes!', - onPress: async () => { - setInvited(true); - const inviteCode = await handleCreateInviteCode(); - await inviteFriendService( - item.phoneNumber, - item.firstName, - item.lastName, - ); - Linking.openURL( - `sms:${item.phoneNumber}&body=${INVITE_USER_SMS_BODY( - item.firstName, - name, - inviteCode, - )}`, - ); - if (invites_left === 1) { - Alert.alert(SUCCESS_LAST_CONTACT_INVITE); - } - }, - }, - ], + // If user has been invited already, don't show alerts and change invite count + if (invited) { + const response = await inviteFriendService( + item.phoneNumber, + item.firstName, + item.lastName, ); - } else if (invites_left === -1 || invites_left === 0) { - Alert.alert(ERROR_NO_CONTACT_INVITE_LEFT); + const inviteCode = response?.invite_code; + if (inviteCode) { + Linking.openURL( + `sms:${item.phoneNumber}&body=${INVITE_USER_SMS_BODY( + item.firstName, + name, + inviteCode, + )}`, + ); + } } else { - Alert.alert(ERROR_SOMETHING_WENT_WRONG); + if (invites_left > 0) { + Alert.alert( + SUCCESS_CONFIRM_INVITE_CONTACT_TITLE(invites_left), + SUCCESS_CONFIRM_INVITE_CONTACT_MESSAGE, + [ + {text: 'No!', style: 'cancel'}, + { + text: 'Yes!', + onPress: async () => { + const response = await inviteFriendService( + item.phoneNumber, + item.firstName, + item.lastName, + ); + const inviteCode = response?.invite_code; + if (inviteCode) { + // Add user to Pending Users list + const newPendingUser: InviteContactType = { + phoneNumber: item.phoneNumber, + firstName: item.firstName, + lastName: item.lastName, + }; + + // Filtering user from nonUsersFromContacts list + const filteredNonUsers = results.nonUsersFromContacts.filter( + (user: InviteContactType) => + user.phoneNumber !== item.phoneNumber, + ); + + // Open iMessages + Linking.openURL( + `sms:${item.phoneNumber}&body=${INVITE_USER_SMS_BODY( + item.firstName, + name, + inviteCode, + )}`, + ); + + // Update results after navigating out of the app + setTimeout(() => { + setInvited(true); + setResults({ + ...results, + pendingUsers: [...results.pendingUsers, newPendingUser], + nonUsersFromContacts: filteredNonUsers, + }); + }, 500); + + if (invites_left === 1) { + Alert.alert(SUCCESS_LAST_CONTACT_INVITE); + } + } else { + Alert.alert(ERROR_SOMETHING_WENT_WRONG); + } + }, + }, + ], + ); + } else if (invites_left === -1 || invites_left === 0) { + Alert.alert(ERROR_NO_CONTACT_INVITE_LEFT); + } else { + Alert.alert(ERROR_SOMETHING_WENT_WRONG); + } } }; @@ -99,7 +154,6 @@ const InviteFriendTile: React.FC = ({item}) => { {formatedPhoneNumber} = ({item}) => { styles.buttonTitle, invited ? styles.pendingButtonTitle : styles.inviteButtonTitle, ]}> - {invited ? 'Pending' : 'Invite'} + {invited ? 'Remind' : 'Invite'} -- cgit v1.2.3-70-g09d2 From 0d6be6903010a3a86b156e4f30c11ee09be78c45 Mon Sep 17 00:00:00 2001 From: Shravya Ramesh Date: Fri, 14 May 2021 13:50:55 -0700 Subject: removed unused endpoint --- src/constants/api.ts | 1 - 1 file changed, 1 deletion(-) (limited to 'src') diff --git a/src/constants/api.ts b/src/constants/api.ts index 3c7e669e..06a965e4 100644 --- a/src/constants/api.ts +++ b/src/constants/api.ts @@ -51,7 +51,6 @@ export const USERS_FROM_CONTACTS_ENDPOINT: string = API_URL + 'user_contacts/find_friends/'; export const INVITE_FRIEND_ENDPOINT: string = API_URL + 'user_contacts/invite_friend/'; -export const CREATE_INVITE_CODE = API_URL + 'create-code/'; export const GET_REMAINING_INVITES = API_URL + 'user_contacts/check_invite_count/' // Suggested People export const SP_USERS_ENDPOINT: string = API_URL + 'suggested_people/'; -- cgit v1.2.3-70-g09d2 From 25b32b82d056ab4e70c937282b73fb7d4c900552 Mon Sep 17 00:00:00 2001 From: Shravya Ramesh Date: Fri, 14 May 2021 13:51:29 -0700 Subject: Returns invitre code, removed unused service --- src/services/UserFriendsService.ts | 17 +++++------------ 1 file changed, 5 insertions(+), 12 deletions(-) (limited to 'src') diff --git a/src/services/UserFriendsService.ts b/src/services/UserFriendsService.ts index 453f35a5..d60062a3 100644 --- a/src/services/UserFriendsService.ts +++ b/src/services/UserFriendsService.ts @@ -1,7 +1,6 @@ import AsyncStorage from '@react-native-community/async-storage'; import {Alert} from 'react-native'; import { - CREATE_INVITE_CODE, FRIENDS_ENDPOINT, GET_REMAINING_INVITES, INVITE_FRIEND_ENDPOINT, @@ -235,7 +234,11 @@ export const inviteFriendService = async ( invitee_last_name: inviteeLastName, }), }); - return response.status === 201 || response.status === 200; + if (response.status === 201 || response.status === 200) { + return await response.json(); + } else { + return undefined; + } } catch (error) { console.log(error); Alert.alert(ERROR_SOMETHING_WENT_WRONG_REFRESH); @@ -243,16 +246,6 @@ export const inviteFriendService = async ( } }; -export const handleCreateInviteCode = async () => { - const response = await fetch(CREATE_INVITE_CODE, {method: 'POST'}); - if (response.status === 200) { - const data = await response.json(); - return data.code; - } else if (response.status === 500) { - return -1; - } -}; - export const getRemainingInviteCount = async () => { const token = await AsyncStorage.getItem('token'); try { -- cgit v1.2.3-70-g09d2 From e5e6328a1189ebb3f78e6eee4213e0b0519f716a Mon Sep 17 00:00:00 2001 From: Shravya Ramesh Date: Fri, 14 May 2021 16:42:56 -0700 Subject: moved user from contacts code to legacy --- src/screens/main/NotificationsScreen.tsx | 4 +- src/screens/profile/InviteFriendsScreen.tsx | 90 +------------------ src/screens/profile/legacy/UsersFromContacts.tsx | 106 +++++++++++++++++++++++ 3 files changed, 110 insertions(+), 90 deletions(-) create mode 100644 src/screens/profile/legacy/UsersFromContacts.tsx (limited to 'src') diff --git a/src/screens/main/NotificationsScreen.tsx b/src/screens/main/NotificationsScreen.tsx index 7e2f082c..bce48ef2 100644 --- a/src/screens/main/NotificationsScreen.tsx +++ b/src/screens/main/NotificationsScreen.tsx @@ -259,9 +259,7 @@ const NotificationsScreen: React.FC = () => { onPress={async () => { const permission = await checkPermission(); if (permission === 'authorized') { - navigation.navigate('InviteFriendsScreen', { - screenType: ScreenType.Profile, - }); + navigation.navigate('InviteFriendsScreen'); } else { Alert.alert( '"Tagg" Would Like to Access Your Contacts', diff --git a/src/screens/profile/InviteFriendsScreen.tsx b/src/screens/profile/InviteFriendsScreen.tsx index 87b00aaf..b3653d39 100644 --- a/src/screens/profile/InviteFriendsScreen.tsx +++ b/src/screens/profile/InviteFriendsScreen.tsx @@ -10,23 +10,19 @@ import { StyleSheet, Text, TextInput, - TouchableOpacity, TouchableWithoutFeedback, View, } from 'react-native'; import {checkPermission} from 'react-native-contacts'; import Animated from 'react-native-reanimated'; import Icon from 'react-native-vector-icons/Feather'; -import {useDispatch, useStore} from 'react-redux'; -import {ProfilePreview, TabsGradient} from '../../components'; +import {TabsGradient} from '../../components'; import {InviteFriendTile} from '../../components/friends'; -import {TAGG_LIGHT_BLUE} from '../../constants'; import {MainStackParams} from '../../routes'; import {usersFromContactsService} from '../../services/UserFriendsService'; import {ProfilePreviewType} from '../../types'; import { extractContacts, - handleAddFriend, HeaderHeight, isIPhoneX, normalize, @@ -57,15 +53,12 @@ interface InviteFriendsScreenProps { route: InviteFriendsScreenRouteProp; } -const InviteFriendsScreen: React.FC = ({route}) => { - const {screenType} = route.params; - const dispatch = useDispatch(); - const state = useStore().getState(); +const InviteFriendsScreen: React.FC = ({}) => { const [usersFromContacts, setUsersFromContacts] = useState< ProfilePreviewType[] >([]); const [nonUsersFromContacts, setNonUsersFromContacts] = useState<[]>([]); - const [pendingUsers, setPendingUsers] = useState<[]>([]); + const [pendingUsers] = useState<[]>([]); const [results, setResults] = useState({ usersFromContacts: usersFromContacts, nonUsersFromContacts: nonUsersFromContacts, @@ -131,48 +124,6 @@ const InviteFriendsScreen: React.FC = ({route}) => { search(); }, [query]); - const UsersFromContacts = () => ( - <> - item.username} - renderItem={({item}) => ( - - - - - { - handleAddFriend(screenType, item, dispatch, state).then( - (success) => { - if (success) { - let users = usersFromContacts; - const filteredUsers = users.filter( - (user) => user.username !== item.username, - ); - setResults({ - ...results, - usersFromContacts: filteredUsers, - }); - } - }, - ); - }}> - Add Friend - - - )} - /> - - ); - const PendingList = useMemo( () => ( = ({ + screenType, + results, + setResults, +}) => { + const dispatch = useDispatch(); + const state: RootState = useStore().getState(); + return ( + <> + item.username} + renderItem={({item}) => ( + + + + + { + handleAddFriend(screenType, item, dispatch, state).then( + (success) => { + if (success) { + let users = results.usersFromContacts; + const filteredUsers = users.filter( + (user) => user.username !== item.username, + ); + setResults({ + ...results, + usersFromContacts: filteredUsers, + }); + } + }, + ); + }}> + Add Friend + + + )} + /> + + ); +}; + +export default UsersFromContacts; + +const styles = StyleSheet.create({ + ppContainer: { + alignSelf: 'center', + flexDirection: 'row', + justifyContent: 'space-between', + width: '100%', + height: normalize(42), + alignItems: 'center', + marginBottom: '5%', + marginHorizontal: 10, + }, + friend: { + alignSelf: 'center', + height: '100%', + }, + addFriendButton: { + alignSelf: 'center', + justifyContent: 'center', + alignItems: 'center', + width: 82, + height: 25, + borderColor: TAGG_LIGHT_BLUE, + borderWidth: 2, + borderRadius: 2, + padding: 0, + backgroundColor: TAGG_LIGHT_BLUE, + }, + addFriendButtonTitle: { + color: 'white', + padding: 0, + fontSize: normalize(11), + fontWeight: '700', + lineHeight: normalize(13.13), + letterSpacing: normalize(0.6), + paddingHorizontal: '3.8%', + }, +}); -- cgit v1.2.3-70-g09d2 From 4591ff7a85c1582566981f22dbb828f4cfc48b57 Mon Sep 17 00:00:00 2001 From: Shravya Ramesh Date: Fri, 14 May 2021 17:11:34 -0700 Subject: removed users from contacts list --- src/screens/profile/InviteFriendsScreen.tsx | 4 ---- 1 file changed, 4 deletions(-) (limited to 'src') diff --git a/src/screens/profile/InviteFriendsScreen.tsx b/src/screens/profile/InviteFriendsScreen.tsx index b3653d39..8f5acebf 100644 --- a/src/screens/profile/InviteFriendsScreen.tsx +++ b/src/screens/profile/InviteFriendsScreen.tsx @@ -39,7 +39,6 @@ export type InviteContactType = { }; export type SearchResultType = { - usersFromContacts: ProfilePreviewType[]; nonUsersFromContacts: InviteContactType[]; pendingUsers: InviteContactType[]; }; @@ -60,7 +59,6 @@ const InviteFriendsScreen: React.FC = ({}) => { const [nonUsersFromContacts, setNonUsersFromContacts] = useState<[]>([]); const [pendingUsers] = useState<[]>([]); const [results, setResults] = useState({ - usersFromContacts: usersFromContacts, nonUsersFromContacts: nonUsersFromContacts, pendingUsers: pendingUsers, }); @@ -75,7 +73,6 @@ const InviteFriendsScreen: React.FC = ({}) => { await setUsersFromContacts(response.existing_tagg_users); await setNonUsersFromContacts(response.invite_from_contacts); setResults({ - usersFromContacts: response.existing_tagg_users, nonUsersFromContacts: response.invite_from_contacts, pendingUsers: response.pending_users, }); @@ -115,7 +112,6 @@ const InviteFriendsScreen: React.FC = ({}) => { setResults(sanitizedResult); } else { setResults({ - usersFromContacts: usersFromContacts, nonUsersFromContacts: nonUsersFromContacts, pendingUsers: pendingUsers, }); -- cgit v1.2.3-70-g09d2 From 89685a45822ece75d6d075e581397968f538cfbf Mon Sep 17 00:00:00 2001 From: Shravya Ramesh Date: Fri, 14 May 2021 17:34:48 -0700 Subject: padding issue fixed --- src/screens/profile/InviteFriendsScreen.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'src') diff --git a/src/screens/profile/InviteFriendsScreen.tsx b/src/screens/profile/InviteFriendsScreen.tsx index 8f5acebf..06752dd4 100644 --- a/src/screens/profile/InviteFriendsScreen.tsx +++ b/src/screens/profile/InviteFriendsScreen.tsx @@ -203,7 +203,11 @@ const InviteFriendsScreen: React.FC = ({}) => { /> - + Pending Users {PendingList} -- cgit v1.2.3-70-g09d2 From d701ab9d521825a5494090b02ce9e56a79ef8e31 Mon Sep 17 00:00:00 2001 From: Shravya Ramesh Date: Tue, 18 May 2021 16:49:27 -0700 Subject: fix undefined pending users length --- src/screens/profile/InviteFriendsScreen.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'src') diff --git a/src/screens/profile/InviteFriendsScreen.tsx b/src/screens/profile/InviteFriendsScreen.tsx index 06752dd4..bf91e8f3 100644 --- a/src/screens/profile/InviteFriendsScreen.tsx +++ b/src/screens/profile/InviteFriendsScreen.tsx @@ -206,7 +206,11 @@ const InviteFriendsScreen: React.FC = ({}) => { Pending Users {PendingList} -- cgit v1.2.3-70-g09d2 From 21e8d9d31c7d51926f53a20e138e664f766f4595 Mon Sep 17 00:00:00 2001 From: Ivan Chen Date: Wed, 19 May 2021 17:33:32 -0400 Subject: Move invites left logic --- src/components/friends/InviteFriendTile.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'src') diff --git a/src/components/friends/InviteFriendTile.tsx b/src/components/friends/InviteFriendTile.tsx index 617ec203..82e7effe 100644 --- a/src/components/friends/InviteFriendTile.tsx +++ b/src/components/friends/InviteFriendTile.tsx @@ -44,7 +44,6 @@ const InviteFriendTile: React.FC = ({ const [formatedPhoneNumber, setFormattedPhoneNumber] = useState(''); const handleInviteFriend = async () => { - const invites_left = await getRemainingInviteCount(); // If user has been invited already, don't show alerts and change invite count if (invited) { const response = await inviteFriendService( @@ -63,6 +62,7 @@ const InviteFriendTile: React.FC = ({ ); } } else { + const invites_left = await getRemainingInviteCount(); if (invites_left > 0) { Alert.alert( SUCCESS_CONFIRM_INVITE_CONTACT_TITLE(invites_left), -- cgit v1.2.3-70-g09d2 From 1a4113ee3e47be229e28fc5a935ada174781b00b Mon Sep 17 00:00:00 2001 From: Ivan Chen Date: Wed, 19 May 2021 17:33:39 -0400 Subject: Add reminding flag --- src/components/friends/InviteFriendTile.tsx | 2 ++ src/services/UserFriendsService.ts | 2 ++ 2 files changed, 4 insertions(+) (limited to 'src') diff --git a/src/components/friends/InviteFriendTile.tsx b/src/components/friends/InviteFriendTile.tsx index 82e7effe..50085f98 100644 --- a/src/components/friends/InviteFriendTile.tsx +++ b/src/components/friends/InviteFriendTile.tsx @@ -50,6 +50,7 @@ const InviteFriendTile: React.FC = ({ item.phoneNumber, item.firstName, item.lastName, + true, ); const inviteCode = response?.invite_code; if (inviteCode) { @@ -76,6 +77,7 @@ const InviteFriendTile: React.FC = ({ item.phoneNumber, item.firstName, item.lastName, + false, ); const inviteCode = response?.invite_code; if (inviteCode) { diff --git a/src/services/UserFriendsService.ts b/src/services/UserFriendsService.ts index d60062a3..a53ceef6 100644 --- a/src/services/UserFriendsService.ts +++ b/src/services/UserFriendsService.ts @@ -220,6 +220,7 @@ export const inviteFriendService = async ( phoneNumber: string, inviteeFirstName: string, inviteeLastName: string, + reminding: boolean, ) => { try { const token = await AsyncStorage.getItem('token'); @@ -232,6 +233,7 @@ export const inviteFriendService = async ( invitee_phone_number: phoneNumber, invitee_first_name: inviteeFirstName, invitee_last_name: inviteeLastName, + reminding: reminding, }), }); if (response.status === 201 || response.status === 200) { -- cgit v1.2.3-70-g09d2 From 6556b1dd10d89f56153829cd8651caa86b28218e Mon Sep 17 00:00:00 2001 From: Ivan Chen Date: Wed, 19 May 2021 17:41:18 -0400 Subject: Clean up code --- src/components/friends/InviteFriendTile.tsx | 114 ++++++++++++++-------------- 1 file changed, 55 insertions(+), 59 deletions(-) (limited to 'src') diff --git a/src/components/friends/InviteFriendTile.tsx b/src/components/friends/InviteFriendTile.tsx index 50085f98..48f65a94 100644 --- a/src/components/friends/InviteFriendTile.tsx +++ b/src/components/friends/InviteFriendTile.tsx @@ -64,70 +64,66 @@ const InviteFriendTile: React.FC = ({ } } else { const invites_left = await getRemainingInviteCount(); - if (invites_left > 0) { - Alert.alert( - SUCCESS_CONFIRM_INVITE_CONTACT_TITLE(invites_left), - SUCCESS_CONFIRM_INVITE_CONTACT_MESSAGE, - [ - {text: 'No!', style: 'cancel'}, - { - text: 'Yes!', - onPress: async () => { - const response = await inviteFriendService( - item.phoneNumber, - item.firstName, - item.lastName, - false, - ); - const inviteCode = response?.invite_code; - if (inviteCode) { - // Add user to Pending Users list - const newPendingUser: InviteContactType = { - phoneNumber: item.phoneNumber, - firstName: item.firstName, - lastName: item.lastName, - }; + if (invites_left < 1) { + Alert.alert(ERROR_NO_CONTACT_INVITE_LEFT); + } + Alert.alert( + SUCCESS_CONFIRM_INVITE_CONTACT_TITLE(invites_left), + SUCCESS_CONFIRM_INVITE_CONTACT_MESSAGE, + [ + {text: 'No!', style: 'cancel'}, + { + text: 'Yes!', + onPress: async () => { + const response = await inviteFriendService( + item.phoneNumber, + item.firstName, + item.lastName, + false, + ); + const inviteCode = response?.invite_code; + if (!inviteCode) { + Alert.alert(ERROR_SOMETHING_WENT_WRONG); + } + // Add user to Pending Users list + const newPendingUser: InviteContactType = { + phoneNumber: item.phoneNumber, + firstName: item.firstName, + lastName: item.lastName, + }; - // Filtering user from nonUsersFromContacts list - const filteredNonUsers = results.nonUsersFromContacts.filter( - (user: InviteContactType) => - user.phoneNumber !== item.phoneNumber, - ); + // Filtering user from nonUsersFromContacts list + const filteredNonUsers = results.nonUsersFromContacts.filter( + (user: InviteContactType) => + user.phoneNumber !== item.phoneNumber, + ); - // Open iMessages - Linking.openURL( - `sms:${item.phoneNumber}&body=${INVITE_USER_SMS_BODY( - item.firstName, - name, - inviteCode, - )}`, - ); + // Open iMessages + Linking.openURL( + `sms:${item.phoneNumber}&body=${INVITE_USER_SMS_BODY( + item.firstName, + name, + inviteCode, + )}`, + ); - // Update results after navigating out of the app - setTimeout(() => { - setInvited(true); - setResults({ - ...results, - pendingUsers: [...results.pendingUsers, newPendingUser], - nonUsersFromContacts: filteredNonUsers, - }); - }, 500); + // Update results after navigating out of the app + setTimeout(() => { + setInvited(true); + setResults({ + ...results, + pendingUsers: [...results.pendingUsers, newPendingUser], + nonUsersFromContacts: filteredNonUsers, + }); + }, 500); - if (invites_left === 1) { - Alert.alert(SUCCESS_LAST_CONTACT_INVITE); - } - } else { - Alert.alert(ERROR_SOMETHING_WENT_WRONG); - } - }, + if (invites_left === 1) { + Alert.alert(SUCCESS_LAST_CONTACT_INVITE); + } }, - ], - ); - } else if (invites_left === -1 || invites_left === 0) { - Alert.alert(ERROR_NO_CONTACT_INVITE_LEFT); - } else { - Alert.alert(ERROR_SOMETHING_WENT_WRONG); - } + }, + ], + ); } }; -- cgit v1.2.3-70-g09d2