Sp profile preview

2 files changed, 39 insertions, 4 deletions

diff --git a/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx
index b9dee55a..175e0df7 100644
--- a/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx
+++ b/src/screens/suggestedPeople/SuggestedPeopleScreen.tsx
@@ -1,3 +1,4 @@
+import AsyncStorage from '@react-native-community/async-storage';
 import {useFocusEffect, useNavigation} from '@react-navigation/native';
 import React, {useCallback, useEffect, useState} from 'react';
 import {
@@ -24,7 +25,13 @@ import {
   ScreenType,
   SuggestedPeopleDataType,
 } from '../../types';
-import {fetchUserX, normalize, SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils';
+import {
+  fetchUserX,
+  getUserAsProfilePreviewType,
+  normalize,
+  SCREEN_HEIGHT,
+  SCREEN_WIDTH,
+} from '../../utils';
 import {userXInStore} from './../../utils/';
 
 /**
@@ -52,9 +59,35 @@ const SuggestedPeopleScreen: React.FC = () => {
     loadMore(false);
   }, [page]);
 
-  const loadMore = (resetData: boolean) => {
+  const loadMore = async (resetData: boolean) => {
+    const appendSelf = async () => {
+      console.log('Appending own profile to the top');
+      AsyncStorage.getItem('suggested_people_url').then((image) => {
+        console.log('image path: ', image);
+        const self = {
+          user: getUserAsProfilePreviewType(
+            state.user.user,
+            state.user.profile,
+          ),
+          mutual_friends: [],
+          badges: [],
+          social_links: [],
+          suggested_people_url: image ? image : '',
+        };
+        console.log('self: ', self);
+        people.unshift(self);
+        setPeople(people);
+      });
+    };
+
+    console.log('suggested_people_linked', suggested_people_linked);
+    console.log('Append profile only if suggested people is less than 2');
+    if (suggested_people_linked < 2) {
+      await appendSelf();
+    }
     const loadNextPage = async () =>
       await getSuggestedPeople(SP_PAGE_SIZE, page * SP_PAGE_SIZE);
+
     loadNextPage().then((newUsers) => {
       if (resetData) {
         setPeople([]);
@@ -145,12 +178,12 @@ const SuggestedPeopleScreen: React.FC = () => {
                 </View>
               </TouchableOpacity> */}
             </View>
-            <TaggsBar
+            {/* <TaggsBar
               y={y}
               userXId={data.user.id}
               profileBodyHeight={0}
               screenType={ScreenType.SuggestedPeople}
-            />
+            /> */}
             <MutualFriends user={data.user} friends={data.mutual_friends} />
           </View>
         </View>
diff --git a/src/screens/suggestedPeopleOnboarding/SuggestedPeopleUploadPictureScreen.tsx b/src/screens/suggestedPeopleOnboarding/SuggestedPeopleUploadPictureScreen.tsx
index b49761a0..5b678969 100644
--- a/src/screens/suggestedPeopleOnboarding/SuggestedPeopleUploadPictureScreen.tsx
+++ b/src/screens/suggestedPeopleOnboarding/SuggestedPeopleUploadPictureScreen.tsx
@@ -1,5 +1,6 @@
 import {useNavigation} from '@react-navigation/native';
 import React, {useEffect, useState} from 'react';
+import AsyncStorage from '@react-native-community/async-storage';
 import {
   Alert,
   Image,
@@ -76,6 +77,7 @@ const SuggestedPeopleUploadPictureScreen: React.FC = ({route}) => {
       const success = await sendSuggestedPeoplePhoto(image);
       if (success) {
         dispatch(uploadedSuggestedPeoplePhoto());
+        await AsyncStorage.setItem('suggested_people_url', image);
       } else {
         Alert.alert(ERROR_UPLOAD);
       }