Added service and changed border color

1 files changed, 11 insertions, 1 deletions

diff --git a/src/screens/suggestedPeopleOnboarding/SuggestedPeopleUploadPictureScreen.tsx b/src/screens/suggestedPeopleOnboarding/SuggestedPeopleUploadPictureScreen.tsx
index 37f047d5..6c298efb 100644
--- a/src/screens/suggestedPeopleOnboarding/SuggestedPeopleUploadPictureScreen.tsx
+++ b/src/screens/suggestedPeopleOnboarding/SuggestedPeopleUploadPictureScreen.tsx
@@ -12,6 +12,7 @@ import {TouchableOpacity} from 'react-native-gesture-handler';
 import ImagePicker from 'react-native-image-crop-picker';
 import {SafeAreaView} from 'react-native-safe-area-context';
 import {useDispatch, useSelector} from 'react-redux';
+import {UniversityBadge} from '../../types';
 import {TaggSquareButton} from '../../components';
 import TaggLoadingIndicator from '../../components/common/TaggLoadingIndicator';
 import {SP_HEIGHT, SP_WIDTH} from '../../constants';
@@ -27,6 +28,7 @@ import {normalize, SCREEN_HEIGHT, SCREEN_WIDTH} from '../../utils';
 const SuggestedPeopleUploadPictureScreen: React.FC = ({route}) => {
   const {editing} = route.params;
   const [image, setImage] = useState<string | undefined>(undefined);
+  const [selectedBadges, setSelectedBadges] = useState<UniversityBadge[]>([]);
   const [loading, setLoading] = useState(false);
   const dispatch = useDispatch();
   const navigation = useNavigation();
@@ -39,6 +41,7 @@ const SuggestedPeopleUploadPictureScreen: React.FC = ({route}) => {
       const response = await getSuggestedPeopleProfile(loggedInUserId);
       if (response) {
         setImage(response.suggested_people_url);
+        setSelectedBadges(response.badges);
       }
     };
     // if we're in edit SP, attempt to load current sp image
@@ -139,7 +142,7 @@ const SuggestedPeopleUploadPictureScreen: React.FC = ({route}) => {
         {editing && (
           <TouchableOpacity
             onPress={() => {
-              navigation.push('BadgeSelection');
+              navigation.push('BadgeSelection', {selectedBadges});
             }}>
             <Text>edit badges ---></Text>
           </TouchableOpacity>
@@ -206,5 +209,12 @@ const styles = StyleSheet.create({
     marginTop: '30%',
     marginBottom: '10%',
   },
+  rightButtonContainer: {marginRight: 24},
+  rightButton: {
+    color: '#FFFFFF',
+    fontWeight: 'bold',
+    fontSize: 15,
+    lineHeight: 18,
+  },
 });
 export default SuggestedPeopleUploadPictureScreen;