From 1f7030d2721ed81c1e330f840782eeb0421d6f02 Mon Sep 17 00:00:00 2001 From: Shravya Ramesh Date: Wed, 17 Feb 2021 12:44:25 -0800 Subject: Added new compoent to suggested people --- src/screens/suggestedPeople/SuggestedPeopleScreen.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) (limited to 'src/screens') diff --git a/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx index 4d0a9bd5..5db4e5b6 100644 --- a/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx +++ b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx @@ -16,6 +16,7 @@ import {ScreenType} from '../../types'; import {useSelector} from 'react-redux'; import {RootState} from '../../store/rootReducer'; import {useFocusEffect, useNavigation} from '@react-navigation/native'; +import {MutualFriends} from '../../components/suggestedPeople'; /** * Bare bones for suggested people consisting of: @@ -83,7 +84,8 @@ const SuggestedPeopleScreen: React.FC = () => { profileBodyHeight={0} screenType={screenType} /> - {/* TODO: Add MutualFriends here */} + {/* TODO: Pass mutual friends to component and render only if mutual friends exist / display no mutual friends */} + -- cgit v1.2.3-70-g09d2 From 0c618a852836d146a5e01687eb11b831f3f5e6ba Mon Sep 17 00:00:00 2001 From: Shravya Ramesh Date: Wed, 17 Feb 2021 13:07:30 -0800 Subject: comments --- src/components/suggestedPeople/MutualFriends.tsx | 7 +++++++ src/screens/suggestedPeople/SuggestedPeopleScreen.tsx | 4 +++- 2 files changed, 10 insertions(+), 1 deletion(-) (limited to 'src/screens') diff --git a/src/components/suggestedPeople/MutualFriends.tsx b/src/components/suggestedPeople/MutualFriends.tsx index bc0889fd..32efd4a0 100644 --- a/src/components/suggestedPeople/MutualFriends.tsx +++ b/src/components/suggestedPeople/MutualFriends.tsx @@ -10,14 +10,21 @@ import {ProfilePreview} from '../profile'; import {normalize} from 'react-native-elements'; const MutualFriends: React.FC = () => { + // Requires user id of profile being viewed const userXId = '53a7df9c-c3b2-4b1c-b197-7b1149ecfc8d'; + // Fetch mutual friends of user X let {friends} = userXId ? useSelector((state: RootState) => state.userX[ScreenType.Search][userXId]) : useSelector((state: RootState) => state.friends); + // Getting list of first 4 friends to display on suggested people screen const friendsPreview = friends.slice(0, 4); + + // Extract username of user whose profile is being viewed const username = '@' + '12345678901234'; + + // Count to be displayed after + symbol const count = friends.length - friendsPreview.length; const [drawerVisible, setDrawerVisible] = useState(false); diff --git a/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx index 5db4e5b6..4d8607a4 100644 --- a/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx +++ b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx @@ -84,7 +84,9 @@ const SuggestedPeopleScreen: React.FC = () => { profileBodyHeight={0} screenType={screenType} /> - {/* TODO: Pass mutual friends to component and render only if mutual friends exist / display no mutual friends */} + {/* TODO: Pass mutual friends to component and render only if mutual friends exist / display no mutual friends + * Needs to be displayed only if userX !user himself + */} -- cgit v1.2.3-70-g09d2