diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/suggestedPeople/MutualFriends.tsx | 7 | ||||
| -rw-r--r-- | src/screens/suggestedPeople/SuggestedPeopleScreen.tsx | 4 |
2 files changed, 10 insertions, 1 deletions
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 + */} <MutualFriends /> </View> </View> |